Desafío Alura Latam: EduFlix

EduFlix - Plataforma de Aprendizaje en Línea

EduFlix es una plataforma educativa inspirada en Netflix que permite a los usuarios acceder a cursos y contenido educativo en línea. El proyecto está construido con React y ofrece una experiencia de aprendizaje interactiva y atractiva.

Características Principales

• 📚 Sistema completo de cursos y categorías
• 👤 Perfiles de usuario personalizados
• 📊 Seguimiento de progreso
• 🏆 Sistema de certificados
• ⭐ Calificaciones y reseñas
• 📝 Sistema de notas
• 🔖 Marcadores y favoritos
• 📱 Diseño responsive

Tecnologías Utilizadas

Frontend

• React 18
• Material UI
• Styled Components
• React Router DOM
• Formik & Yup
• React Player
• React Hot Toast
• Axios

Backend

• Node.js & Express
• MongoDB & Mongoose
• JWT para autenticación
• Socket.IO para tiempo real
• AWS S3 para almacenamiento
• Multer para manejo de archivos

Características Técnicas

• Sistema de autenticación completo
• CRUD para videos y categorías
• Sistema de búsqueda avanzada
• Filtrado y ordenamiento
• Carrusel de contenido
• Generación de certificados en PDF
• WebSockets para notificaciones en tiempo real
• Carga y procesamiento de archivos
• Cache y optimización de rendimiento

Estructura del Proyecto

eduflix/
├── src/
│   ├── api/          # Configuración y servicios de la API
│   ├── components/   # Componentes React
│   ├── context/      # Contextos globales
│   ├── hooks/        # Hooks personalizados
│   ├── pages/        # Páginas principales
│   ├── services/     # Servicios de la aplicación
│   ├── styles/       # Estilos globales
│   └── utils/        # Utilidades y helpers

Instalación

1. Clonar el repositorio:

git clone https://github.com/Lizzy0981/Challenger-eduflix.git

2. Instalar dependencias:

cd eduflix
npm install

3. Configurar variables de entorno:

cp .env.example .env

4. Iniciar el servidor de desarrollo:

npm run dev

Scripts Disponibles

• npm run dev: Inicia el servidor de desarrollo
• npm run build: Construye la aplicación para producción
• npm run lint: Ejecuta el linter
• npm run preview: Vista previa de la build

Contribuir

Las contribuciones son bienvenidas. Por favor, lee nuestras guías de contribución antes de enviar un pull request.

Licencia

Este proyecto está bajo la Licencia MIT. Ver el archivo LICENSE para más detalles.

Créditos

• Diseño e implementación: Elizabeth Diaz Familia
• Iconos: Material Icons
• Fuentes: Google Fonts

Demo

La aplicación está desplegada en:

• Frontend: [URL de Vercel]
• API: [URL de la API]

Contacto

Para preguntas o sugerencias, por favor contacta a: Elizabeth Diaz Familia

• Correo electrónico: [lizzyfamilia@gmail.com]
• GitHub: [https://github.com/Lizzy0981]
• Linkedin: [https://www.linkedin.com/in/eli-familia/