¡Bienvenido y gracias por visitarme! Este es un proyecto elaborado como proyecto de aprendizaje de React.JS en Platzi en donde aplico varios de los conocimientos y habilidades adquiridas, entre ellas:
- Preparar un bundle para enviar a producción con Webpack
- Utilizar React Hooks
- Crear Styled-components para estructurar tu app
- Generar consultas con GraphQL
- Gestionar Usuarios
- Crear Aplicaciones Web Progresivas (PWAs)
En este curso realizaremos una aplicación muy parecida a Instagram, llamada petgram. Tendremos nuestras rutas, gestión de usuarios y likes.
Utilizaremos como empaquetador y transpilador:
Estilado con CSS en JS con:
Como linter utilizaremos:
Para fetching (obtención) de datos:
Para el enrutado de la SPA utilizaremos:
Para las buenas prácticas utilizaremos:
Por último haremos SEO, PWA y Deploy con:
Si desea, clonar el proyecto es necesario contar con Node.JS 12.6.x y seguir las siguientes instrucciones.
npm installpara instalar las dependencias.npm run devpara el entorno de desarrollo.npm run build && serve:propara el entorno de producción.
Para usar todas las funciones de la app se requiere realizar un registro y luego iniciar sesión, luego se podrá interactuar completamente guardando las fotos en favoritos. Se debe aclarar que la cuenta registrada se eliminará automáticamente después de un tiempo por parte del API que almacena la información. También se puede filtrar las imágenes haciendo clic en cada una de las categorías mostradas en la parte superior y al hacer clic en las imágenes, será dirigido a la pagina de detalles de la foto.