https://github.com/anibalcoder/pruebas-tecnicas
Repositorio con pruebas técnicas reales para mejorar las habilidades como desarrollador frontend.
https://github.com/anibalcoder/pruebas-tecnicas
frontend pruebas-tecnicas react technical-test
Last synced: about 1 month ago
JSON representation
Repositorio con pruebas técnicas reales para mejorar las habilidades como desarrollador frontend.
- Host: GitHub
- URL: https://github.com/anibalcoder/pruebas-tecnicas
- Owner: anibalcoder
- Created: 2024-11-07T23:06:06.000Z (over 1 year ago)
- Default Branch: develop
- Last Pushed: 2025-10-31T23:48:50.000Z (7 months ago)
- Last Synced: 2025-11-01T01:16:02.666Z (7 months ago)
- Topics: frontend, pruebas-tecnicas, react, technical-test
- Language: TypeScript
- Homepage: https://pruebastecnicasdev.vercel.app
- Size: 1.56 MB
- Stars: 13
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pruebas Técnicas
Este repositorio está pensado para quienes aspiran a roles de **Desarrollador Frontend** en niveles **Trainer** y **Junior** 🧑💻.
Incluye desafíos y ejercicios basados en preguntas técnicas reales 📋, diseñados para prepararte para entrevistas y mejorar tus habilidades en desarrollo web 💻.
## ⌨️ Proyectos
| Número | Proyecto | Código |
| ------ | -------- | ------ |
| `01` | Cat fact with gif | [Código](projects/01-cat-fact-with-gif/) |
| `02` | Reading list | [Código](projects/02-reading-list/) |
| `03` | Password security | [Código](projects/03-password-security/) |
| `04` | Add and delete items | [Código](projects/04-add-items-react/) |
| `05` | Movie search | [Código](projects/05-movie-search/) |
| `06` | React phone book | [Código](projects/06-react-phone-book/) |
## 🔧 Instalación
1. **Clona el repositorio**
```bash
git clone https://github.com/anibalcoder/pruebas-tecnicas.git
```
2. **Accede al directorio**
```bash
cd pruebas-tecnicas
```
## 🚀 Levantar servidor de desarrollo en un proyecto
> [!NOTE]
> Todas las pruebas técnicas se encuentran dentro de la carpeta `./projects`.
1. **Ubícate en el proyecto e instala sus dependencias**: Usa el flag `--filter` para instalar solo las dependencias del paquete que necesitas.
```bash
pnpm install --filter nombre-del-proyecto
```
> [!IMPORTANT]
> Reemplaza `./nombre-del-proyecto` por el nombre de la carpeta del proyecto en el que quieras trabajar (Ej: `01-cat-fact-with-gif`).
2. **Inicia el servidor de desarrollo**
```bash
pnpm dev
```
## 🧪 Ejecutar tests
Si un proyecto incluye pruebas automatizadas, puedes correrlas con:
```bash
pnpm test
```
> [!TIP]
> Si una prueba técnica usa **Playwright** como herramienta de testing (verifica en su `package.json` que tenga `@playwright/test`) y es **la primera vez** que usas Playwright en tu equipo, ejecuta antes el siguiente comando:
```bash
# Instala los navegadores que usa Playwright para ejecutar tests
pnpm exec playwright install
```