Creando un proyecto realista junto a un Tech Lead. Developer contra las cuerdas 1

¿Qué vamos a hacer en Developer contra las cuerdas?

Hemos embarcado a José Manuel Gómez, Tech Lead en una importante industria textial, en una nueva aventura.

Hará de líder (jefe, para entendernos) en un proyecto realista donde Dani jugará un rol diferente al habitual: el de programador.

Nos embarcamos en la creación de PlanParty, un clon del proyecto WhoBrings, destinado a facilitar la organización de fiestas mediante listas colaborativas. La idea es simple pero poderosa: permitir a los usuarios determinar quién trae qué a una fiesta.

Sesiones publicadas

1. Creando un proyecto realista junto a un Tech Lead.
2. Plantilla de proyecto, historias de usuario y refinamientos.
3. Revisión de código con calambrazos y estructura de carpetas. {vídeo}
4. Testing valiente en proyectos de frontend
5. Github Actions, tests generados por IA y ramas de Git Flow
6. Deploys automáticos y Github Copilot

El proyecto es de código abierto, y puedes seguir nuestro progreso en GitHub.

¿Cuál va a ser el rol de cada uno?

En este viaje, José Manuel asumirá el rol de Tech Lead y Team Leader, guiando la dirección técnica del proyecto. Dani, actuará como Developer, implementando las funcionalidades y asegurando que el código cumpla con los estándares de calidad.

¿Cómo va a ser el proceso de desarrollo?

El desarrollo estará centrado en historias de usuario, comenzando con el CRUD de listas mencionado anteriormente. Utilizaremos Issues en GitHub para organizar las tareas, trabajando con ramas específicas para cada historia y asegurando la calidad mediante Pull Requests y revisiones de código.

Organización con Projects de GitHub

Adoptaremos un enfoque estilo Kanban para la gestión del proyecto, con columnas como Backlog, Ready, In Progress, In Review y Done, asegurando una visión clara del progreso y las fases del desarrollo.

Énfasis en Testing

Nos enfocaremos en pruebas unitarias e integración para garantizar que cada componente funcione correctamente y se integre de manera efectiva con el resto del sistema.

Automatización con Actions

Utilizaremos GitHub Actions para automatizar flujos de trabajo, incluyendo pruebas y despliegues, asegurando un proceso de integración y entrega continua eficiente.

Herramientas

Nos centraremos en el frontend con React y utilizaremos un conjunto de librerías y herramientas para optimizar el desarrollo:

• Router: React Router
• Gestión de datos: React Query
• Estado global: Zustand
• Testing: Vitest
• Mutaciones: React Hook Form
• Tema global y utility class: Tailwind CSS
• Linter: Eslint
• Formateador de Código: Prettier
• Validador de schemas: Zod
• Control asociado a git: Husky

Decisión sobre el Backend

Estamos considerando opciones como Pocketbase, Supabase o Appwrite para el backend, buscando una solución que se integre bien con nuestro enfoque en el frontend.

Despliegue en Vercel

El despliegue final del proyecto se realizará en Vercel, aprovechando su facilidad de uso y capacidad para manejar aplicaciones modernas basadas en React.

Nos vemos en la segunda entrega, pronto ;)