An open API service indexing awesome lists of open source software.

https://github.com/enriquesfranco/challenges-fronted-developer-react

Práctica de React con Pruebas Técnicas
https://github.com/enriquesfranco/challenges-fronted-developer-react

interview react typescript

Last synced: about 1 month ago
JSON representation

Práctica de React con Pruebas Técnicas

Awesome Lists containing this project

README

          

# ⚛️ Práctica de React con Pruebas Técnicas

Este repositorio contiene mi práctica de **React** resolviendo diversas **pruebas técnicas**, enfocadas en mejorar habilidades de desarrollo frontend con un enfoque realista y profesional. 💼

Cada reto está enfocado en el uso de **React**, incluyendo hooks, componentes, manejo de estado, testing, buenas prácticas y patrones comunes en entrevistas técnicas.

---

## 🧪 Temas que estoy practicando

- 🧠 **Hooks de React** (`useState`, `useEffect`, `useContext`, etc.)
- 🧱 **Componentes reutilizables y composables**
- 🎯 **Manejo de estado y eventos**
- 🧼 **Buenas prácticas en estructura y código limpio**
- ✅ **Pruebas unitarias con Testing Library y Jest**
- ⚙️ **Vite y CRA para proyectos rápidos**
- 🔥 **Optimización de rendimiento**
- 🌐 **Consumo de APIs**

---

## 📂 Desafíos Completados

| # | Prueba Técnica | Enlace / Info | Estado |
|---|-------------------------------------|----------------------------------|----------------|
| 1 | Buscador de películas (OMDB API) | `/projects/movie-search` | ✅ Completado |
| 2 | Tic Tac Toe | `/projects/tic-tac-toe` | ✅ Completado |
| 3 | Carrito de compras con filtros | `/projects/shopping-cart` | ✅ Completado |
| 4 | Teclado interactivo | `/projects/keyboard-app` | ✅ Completado |
| 5 | Juego de memoria | `/projects/memory-game` | ✅ Completado |

> 🔗 Los enlaces serán actualizados con el deployment o README específico de cada reto.

---

## 🚀 Cómo ejecutar

```bash
# Clonar el repositorio
git clone https://github.com/enriqueSFranco/challenges-fronted-developer-react.git

# Instalar dependencias
npm install

# Ejecutar en desarrollo
npm run dev
```