Prueba técnica Jr de React

Important

Prueba técnica Jr de React | React + Vite | Fundación Pescar

• 🚀 Statement
• 🎉 Presentation
• ⚙️ Stack
• 🚀 Getting Started

🚀 Statement

Ejercicio: Añadir y eliminar elementos de una lista (React) Requisitos: Tener instalado Nodejs (v16.x.x o superior). Tener instalado npm.

• Duración máxima: 60 minutos

• Enunciado:

Crear una app en React con Vite que implemente un campo de texto y botón para añadir un elemento.

Cuando se hace click en el botón, el texto en el campo de entrada debe agregarse a continuación en una lista de elementos.

Además, cada vez que se hace click en cualquier elemento de la lista, debe eliminarse de la lista.

• [] Dar importancia a la funcionalidad y usabilidad, más que al diseño visual.
• [] El código debe ser enteramente desarrollado en Typescript con TailwindCSS (opcional).

🎉 Presentation

Prueba técnica Jr de React | Desktop

⚙️ Stack

• SWC - Plataforma basada en Rust para la Web.
• React - Una biblioteca de JavaScript para crear interfaces de usuario.
• TypeScript - JavaScript con sintaxis para tipos.
• Tailwind CSS - Un marco CSS de utilidad para crear rápidamente diseños personalizados.

🚀 Getting Started

Necesitará:

• Node.js 18+ (recommended 20 LTS).
• Git.

Recomendamos utilizar las siguientes extensiones para Visual Studio Code:

• ES7+ React.
• Prettier - Code formatter.
• Pretty TypeScript Errors.

1. Clonar el repositorio o fork

git clone https://github.com/griesco/prueba-tecnica-jr.git

2. Instalar dependencias

npm install

3. Ejecute el servidor de desarrollo

npm run dev

Abrir http://localhost:5173/ para ver el sitio web 🚀.

📁 Estructura de carpetas:

[] .vscode - Extensiones, configuración y opciones de inicio para VSCode.
[] src - Código fuente.

⚙ Comandos:

Command	Action
dev	Inicia el servidor de desarrollo local en localhost:5173.
build	Construir sitio para producción.
lint	Analice el código con ESlint.