La Sonrisa de Deva es una asociación sin ánimo de lucro dedicada a mejorar la calidad de vida de quienes conviven con el Síndrome de Angelman, una enfermedad genética rara. Nuestro compromiso es brindar apoyo y esperanza a las familias afectadas.
Nuestro objetivo principal es centralizar todo nuestro contenido de redes sociales, divulgar los eventos y ofrecer productos en nuestra tienda solidaria, destinados a recaudar fondos para la investigación y el apoyo a esta causa.
- axios (^1.6.8): Cliente HTTP para realizar peticiones a la API del backend.
- Flowbite (^2.3.0): Biblioteca de componentes de Tailwind
- react-image-gallery (^1.3.0): Componente de React para crear galerías de imágenes y carruseles
- react (^18.2.0): Biblioteca para construir interfaces de usuario.
- react-dom (^18.2.0): Renderizador de React para el navegador web.
- react-router-dom (^6.22.3): Enrutador para React que permite manejar la navegación en la aplicación.
- sweetalert2 (^11.0.18): Biblioteca para crear bonitos y personalizados mensajes emergentes (alertas).
- Utiliza la opción "Añadir Evento" para crear nuevas actividades o eventos benéficos.
- Edita los detalles de los eventos existentes para mantener la información actualizada y precisa.
- Del mismo modo, administra los productos disponibles para la venta, editando su descripción, precio y disponibilidad según sea necesario.
dev: Inicia el servidor de desarrollo. build: Genera una versión optimizada de la aplicación para producción. lint: Ejecuta ESLint para buscar y corregir problemas de estilo en el código. preview: Inicia un servidor para previsualizar la versión de producción de la aplicación.
- Clona el repositorio:
git clone https://github.com/KalypsoDev/sonrisa-deva-front
- Instalación de dependencias:
Asegúrate de tener Node.js instalado en tu sistema. En la terminal, navega hasta la carpeta del proyecto y ejecuta:
npm install
-
Configuración del entorno:
-
Necesitas generar un token de Instagram a través de Meta Developers
-
Crea un archivo .env en la raíz del proyecto y configura las variables de entorno añadiendo tu token.
Ejemplo:
VITE_INSTAGRAM_TOKEN=tutokenaqui
-
Ejecución del servidor de desarrollo:
npm run dev
Esto iniciará el servidor de desarrollo. Abre tu navegador y ve a http://localhost:5173 para ver la aplicación.
Important
Recuerda que tambien necesitas tener el servidor del backEnd activo, Link al readme del backend
- React.js
- Axios
- Tailwind
- React Router DOM
- SweetAlert2
- Vite
Ana Cecilia | Claudia Gónzalez | Desire Sánchez | Angela Ántunez | Yami Ranea |
GitHub | GitHub | GitHub | GitHub | GitHub |