- Descripcion
- Captura de pantalla
- Link
- Ejecutar localmente
- Tecnologias utilizadas
- Optimizaciones
- Hoja de ruta
- Autor
Es un juego en el que tenes que adivinar la palabra oculta en cinco intentos. Cada intento debe ser una palabra válida de 5 letras. Después de cada intento el color de las letras cambia para mostrar qué tan cerca estás de acertar la palabra. Cada 5 minutos cambia la palabra!
Previsualizacion del sitio web
- Sitio web: React Wordle
Clona el proyecto
git clone https://github.com/vilaslautaro/Reactwordle.git
Vaya a la carpeta del proyecto
cd reactwordle
Instala las dependencias
npm install
Inicia la app
npm run dev
#La app se abrira en localhost:5173
-React con Vite
-Typescript
-Tailwindcss
-Se utilizo useCallback y memo para optimizar componentes y funciones.
-Se componetizaron los componentes lo mas posible para evitar re-renders innecesarios.
-Se utilizaron customHooks para separar lo mas posible la lógica de los componentes UI y hacer código reutilizable.
-Se utilizo useContext para reutilizar estados en componentes que compartían el mismo.
-Se utilizo lazy loading para los modales.
-Se utilizo localStorage como DB para guardar los datos de usuario del juego.
Agregar testing a componentes UI y a los custom hooks
- GitHub @vilaslautaro
- LinkedIn - @lautarovilas