Skip to content

Latest commit

 

History

History
127 lines (81 loc) · 2.74 KB

README.md

File metadata and controls

127 lines (81 loc) · 2.74 KB

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.