Construye un clon de tu aplicación favorita usando las herramientas que más te gustan. El reto consiste en mejorar, arreglar o incluir alguna funcionalidad que te encantaría encontrar en la aplicación de verdad.
No necesariamente debes reconstruir toda la aplicación (aunque si lo haces... 😮). Puedes trabajar solo en la característica que te gustaría mejorar. No olvides explicar muy bien qué cambios hiciste y por qué los hiciste.
Puedes sacar inspiración de sitios como UpLabs, Dribbble, Behance. Las mejores 3 soluciones ganarán algunos meses de suscripción a Platzi. 🙌💚
Puedes usar el framework o herramienta de desarrollo web que más te guste: React, Preact, Next.js, Vue, Nuxt, Angular, Svelte o el que quieras. No pasa nada si "solo" usas Vainilla JavaScript.
Muy importante: debes consumir la API de la aplicación que quieres mejorar. Si el proyecto que elegiste no proporciona una API pública puedes crear tu propia API simulando los servicios de la aplicación o elegir otro proyecto. Mejor si eliges la primera opción. 😉
Entre otras cosas:
- No puedes usar jQuery.
- Tu aplicación debe funcionar correctamente desde dispositivos móviles. Mejor si es completamente responsive y mobile first.
Para postularte debes enviar un Issue al siguiente repositorio: github.com/juandc/platziretos-frontend-profesional. En la descripción debes incluir un link para visualizar tu resultado, otro enlace para ver tu código y una explicación sencilla de los cambios que hiciste.
Tienes hasta el 25 de Septiembre para enviar tu solución. En esos días se entregan los premios y un nuevo desafío. 😌
Tu solución tendrá más posibilidades de ganar el premio si:
- Combinas funcionalidades de Server Side Rendering con otras de Single Page Applications. Diferencias entre SPA, SSR y Gatsby
- Usas CSS Grid.
- Consumes una API con GraphQL.
- Tu código incluye pruebas. Curso de JavaScript Testing con Jest. Curso de End to End Testing con Cypress.
- Tu aplicación puede funcionar en más de una lengua (español, ingles, portugués o las que quieras).
- Recontra-super-hiper-mega plus si usas React Native.