/Reactwordle

Juego Wordle, realizado con las tecnologias de React con Vite, Typescript y Tailwindcss

Primary LanguageTypeScript

Reactwordle - Adivina la palabra oculta

Tabla de contenido

Descripcion

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!

Captura de pantalla

Previsualizacion de la pagina web reactwordle

Previsualizacion del sitio web

Link

Ejecutar localmente

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

Tecnologías utilizadas

-React con Vite

-Typescript

-Tailwindcss

Optimizaciones

-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.

Hoja de Ruta

Agregar testing a componentes UI y a los custom hooks

Autor