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

1. Clona el repositorio:

git clone https://github.com/KalypsoDev/sonrisa-deva-front

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

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

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

💻 Tecnologías Utilizadas

• React.js
• Axios
• Tailwind
• React Router DOM
• SweetAlert2
• Vite

👩‍💻 Autoras

Ana Cecilia	Claudia Gónzalez	Desire Sánchez	Angela Ántunez	Yami Ranea
GitHub	GitHub	GitHub	GitHub	GitHub
LinkedIn	LinkedIn	LinkedIn	LinkedIn	LinkedIn