Resumen
Aplicación Web Progresiva inspirada en instagram pero enfocada en mascotas, como lo indica el tipo de aplicación web, esta se puede instalar en el teléfono móvil y simular el funcionamiento de una App Móvil, cuenta con tecnologías de backend y frontend.
Descripción del proyecto
El proyecto consiste en mostrar imágenes de mascotas las cuales el usuario podrá visualizar sin necesidad de estar autenticado, podrá dar like siempre y cuando esté registrado y haya iniciado sesión. Está aplicación tiene la particularidad de ser una PWA (Progressive Web Application) lo cual le otorga la funcionalidad de instalarse en un dispositivo móvil conservando la funcionalidad pero funcionando casi como una aplicación móvil nativa. Este proyecto en particular incluye una estructura mediante componentes agrupando el componente y sus estilos en la misma carpeta haciendo uso de Styled Components, además por medio de contenedores se crea la funcionalidad de realizar las peticiones al backend gracias a GraphQL. El proyecto tambien cuenta el uso de Hooks y Custom Hooks para le manejo de estado global de la aplicación y manipular la sesión de usuario. Por último los componentes se agrupan en páginas que son las que finalmente se renderizan indicando cada sección de la aplicación.
Tecnologías usadas
| Tecnología | Uso |
| ReactJS | Desarrollo del frontend (parte visual) |
| NodeJS | Desarrollo del backend (Lógica de la aplicación) |
| Express.JS | Configuración de API |
| GraphQL | Para la interacción con los datos de la API |
Características principales
La apllicación al estar conectada con un backend cuenta con diferentes funcones, listaré a continuación algunas de ellas.
- Autenticvación: Sistema que permite al usuario crear una nueva cuenta o inciar sesión con una cuenta existente.
- Favoritos: Permite al usuario darle like a una foto y guardarle en una sección de favortios.
- Filtro: Permite al usuario filtrar las publicaciónes por categorías.
Galeria
