La Sonrisa de Deva - Frontend

📄 Descripción

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.

🎯 Objetivos

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.

🛠️ Dependencias

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).

📕 Gestión del sitio web desde la perspectiva del Administrador

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.

🚀 Scripts

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.

📚 Instalació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:
- Api de Instagram
  1. Necesitas generar un token de Instagram a través de Meta Developers
  2. 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: