Study Streak

Acerca de • Caracteristicas • Despliegue local • Stack Tecnológico

Acerca de

Aplicación web diseñada para gamificar el estudio utilizando flashcards y con distintos modos de juego. Cuenta con un apartado para revisar el resumen de los resultados logrados en cada modo de juego.

Caracteristicas

• Importa y exporta las flashcards en formato JSON.
• Guardado de estadísticas y flashcard en local.
• 4 modos de juego: revisión básica, selección multiple, selección multiple inverso y competencia contra bot.
• 3 modos de dificultad en el modo contra bots: fácil, medio y difícil, con su respectivo gráfico de resultados.
• Estadísticas de acierto de cada tarjeta por modo de juego.

Despliegue local

Pre-requisitos

Antes de empezar, necesitas tener las siguientes herramientas instaladas en tu máquina:

• Git
• Node.js
• Un editor de código, preferiblemente VSCode

Instalación y ejecución de la aplicación web

# Clonar este repositorio
$ git clone https://github.com/nicolasnna/study-streak.git

# Acceder a la carpeta del proyecto en tu terminal
$ cd study-streak

# Instalar las dependencias
$ npm install

# Ejecutar la aplicación en modo desarrollo
$ npm run dev

# La aplicación se abrirá en el puerto: 5173 - ir a http://localhost:5173

Stack Tecnológico

Estas son las herramientas y tecnologías utilizadas para construir el proyecto:

Plataforma (React + Javascript)

• React Router Dom - Manejo de rutas
• React Redux - Manejo del estado global
• Sass - Preprocesador CSS
• Mui - Componentes React y iconos
• Vite - Herramienta de desarrollo frontend

Mira el archivo package.json