TP Final Fullstack (Frontend + Backend)
General
1. Despliegue:
○ Frontend: En Vercel (u otra plataforma de elección).
○ Backend: En Vercel, Render, Railway, o similar.
2. Repositorio en GitHub:
○ Código del frontend y backend en repositorios separados o en un monorepo.
○ Incluir un archivo README.md con:
■ Descripción del proyecto.
■ Librerías usadas.
■ Dificultades y aprendizajes (opcional).
Frontend
1. Framework: React.js.
2. Responsividad:
○ La aplicación debe funcionar correctamente en pantallas entre 320px y
2000px de ancho.
3. Estilos accesibles:
○ Asegurarse de que los contrastes sean adecuados para la accesibilidad.
Evitar textos claros sobre fondos claros o viceversa.
4. Estados y lógica:
○ Uso de useState, useEffect y opcionalmente casos de customHooks
5. Enrutamiento:
○ Implementar navegación con react-router-dom.
○ Al menos dos rutas funcionales.
○ Utilizar parámetros de búsqueda (useParams) en al menos una página.
6. Formularios:
○ Al menos un formulario funcional (registro, login u otro). CON
VALIDACIONES ALMENOS EN 1
7. Almacenamiento local:
○ Implementar localStorage o sessionStorage.
8. Componentización:
○ Dividir la aplicación en componentes reutilizables.
9. Buenas prácticas:
○ Código legible y organizado siguiendo principios como DRY, YAGNI y KISS.
10. Diseño:
○ Se permite usar plantillas o diseños como referencia para enfocarse en la
funcionalidad.
Backend
1. Framework: Node.js con Express.
2. Rutas:
○ Crear rutas para manejo de usuarios:
■ Autenticación: Login y registro.
■ Protección: Rutas privadas protegidas mediante JWT.
○ Una ruta protegida que devuelva información específica del usuario
autenticado.
3. Middlewares:
○ Implementar middlewares para validaciones (como datos de formularios) y
protección de rutas.
4. Seguridad:
○ Manejo de contraseñas con bcrypt para el registro y login.
○ Uso de tokens JWT para autenticar usuarios.
○ Configurar variables sensibles (como claves JWT) mediante variables de
entorno.
5. Mails:
○ Enviar un correo electrónico. Por ejemplo:
■ Confirmación de registro.
■ Recuperación de contraseña (opcional).
6. Base de datos:
○ Usar MongoDB o Mysql para persistir datos.
Criterios de Evaluación
1. Funcionalidad:
○ El frontend y backend deben comunicarse correctamente.
○ Rutas protegidas deben funcionar según el flujo de autenticación.
2. Calidad de código:
○ Organización y legibilidad del código.
○ Uso correcto de middlewares y lógica de negocio.
3. Diseño y accesibilidad:
○ La página debe ser visualmente clara y accesible.
4. Despliegue:
○ Tanto el frontend como el backend deben estar funcionales y accesibles en
los enlaces de despliegue.
El formato de entrega es mediante un mensaje directo a Slack con el
link de github, nombre, apellido, mail y link de despliegue realizado.
La nota mínima de aprobado es 6 y la fecha límite de entrega es:
3/12/2024 23:59
Solo será tomado en cuenta para recuperación aquellos alumnos cuyo trabajo esté
cerca del 6 y hayan cumplido con la mayoría de las condiciones previamente
indicadas.
