Este repositorio contiene todos los proyectos realizados durante el curso React y TypeScript - La GuĂa Completa Creando +10 Proyectos de Juan Pablo De la Torre.
El objetivo del curso es aprender React con TypeScript paso a paso, desarrollando aplicaciones del mundo real e incorporando tecnologĂas modernas como TailwindCSS, Zustand, Zod, React Query, React Router, MERN, PERN y Next.js 14.
- Carrito de Compras – Fundamentos de React (Componentes, Eventos, State) + Hooks y TypeScript.
- Calculadora de Propinas y Consumos – Formularios y cálculos dinámicos.
- Contador de CalorĂas y Ejercicios – Procesamiento y validaciĂłn de formularios con
useReducer. - Migrar Carrito de Compras a useReducer.
- Migrar Calculadora de Propinas a useReducer.
- Control de Gastos y Presupuestos – Estado global con Context API, filtros y gráficas.
- Administrador de Pacientes – Zustand + React Hook Form.
- Aplicación de Clima – Consumo de API y manejo de respuestas.
- Cotizador de Criptomonedas – API + Zustand + Zod.
- Buscador de Recetas – Múltiples páginas con React Router DOM + Slice Pattern.
- Administrador de Productos (PERN) – Proyecto FullStack con PostgreSQL, Express, React y Node.
- Administrador de Tareas y Proyectos (MERN) – FullStack con autenticación, roles, API REST avanzada, React Query y Tailwind.
- Quiosco de Comida (Next.js 14) – Next App Router, Prisma, Zustand, Zod, Tailwind y más.
- React (Hooks, Router DOM, Context API, etc.)
- TypeScript
- TailwindCSS
- Zustand
- React Query
- Zod
- Headless UI
- Express / Node.js
- Bases de datos: PostgreSQL, MongoDB, Prisma, Sequelize, Mongoose
- Next.js 14
Cada carpeta corresponde a un proyecto del curso.
Para ejecutar cualquier proyecto:
# Clonar repositorio
git clone https://github.com/TU-USUARIO/react-typescript-10projects.git
# Entrar en un proyecto
cd 01-carrito-compras
# Instalar dependencias
npm install
# Iniciar servidor
npm run dev