Curso de React de Midudev

Este repositorio contiene una colección de proyectos prácticos de desarrollo frontend, realizados como parte de un curso de JavaScript, TypeScript y React. El objetivo es reforzar conceptos clave mediante ejercicios reales, pruebas técnicas, juegos y aplicaciones web completas.

Todos los proyectos están enfocados en buenas prácticas, manipulación del DOM, manejo de estado, consumo de APIs y construcción de interfaces interactivas.

---

🛠️ Tecnologías utilizadas

• HTML5
• CSS3
• JavaScript (Vanilla)
• TypeScript
• React
• Redux
• React Query (TanStack Query)
• Tailwind
• Zustand
• Tremor
• Material UI
• Vitest
• Redux Toolkit

---

📂 Proyectos

🎨 UI / Interacciones

• 00-twitter-follow-card Componente interactivo estilo Twitter para seguir usuarios.

• 03-mouse-follower Seguimiento del mouse con efectos visuales usando JavaScript.

---

🎮 Juegos

• 02-tic-tac-toe Juego clásico Ta-Te-Ti con lógica en JavaScript.

• extra-01-connect-4 Juego Conecta 4 implementado desde cero.

• 13-typescript-quizz Juego de preguntas y respuestas utilizando TypeScript.

---

🧪 Pruebas técnicas

• 04-technical-test Ejercicio técnico enfocado en lógica y manipulación del DOM.

• 05-technical-test-movie-search Buscador de películas consumiendo una API externa.

• 11-typescript-prueba-tecnica Prueba técnica resuelta utilizando TypeScript.

• 11b-typescript-prueba-tecnica-with-react-query Variante de la prueba técnica usando React Query.

---

🛒 Aplicaciones Web

• 06-shopping-cart Carrito de compras con manejo de estado y persistencia.

• 08-todo-app Aplicación de tareas con funcionalidades CRUD.

• 10-crud-redux CRUD completo implementado con Redux.

---

⚛️ React y Ecosistema

• 07-midu-router Implementación de un router inspirado en React Router.

• 12-comments-react-query Sistema de comentarios utilizando React Query.

• 14-clase-react-19 Prácticas y ejemplos con conceptos modernos de React.

---

🌐 Clones y utilidades

• 09-google-translate-clone Clon funcional de Google Translate.

---

🎯 Objetivo del repositorio

• Practicar y apreder JavaScript, TypeScript y React
• Resolver problemas reales de frontend
• Prepararse para entrevistas técnicas
• Construir un portfolio sólido de proyectos

---

🚀 Cómo ejecutar los proyectos

Cada proyecto contiene su propia estructura. En general:

npm install
npm run dev

---

📌 Notas

Este repositorio forma parte de un proceso de aprendizaje continuo. Los proyectos pueden ser refactorizados y mejorados con el tiempo.

---

✨ Ideal para mostrar progreso, práctica y dominio de tecnologías frontend.