Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

69 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DevScience

photo_2026-04-30_23-15-55

Integrantes

  • Temprano V. Dylan Alex

  • Flores Choquetopa Nicole Marisol

  • Lora Quilla Santiago Leonardo

  • Flores Mamani Teodoro Daniel

Descripcion del proyecto

El proyecto busca apoyar y fortalecer el conocimiento en git elaborando una especie de software que facilite el acceso a conocimientos basicos de git e implementando un sistema de niveles progresivos que permite avanzar segun quiera ir avanzando el usuario, se implementan preguntas que permiten al usuario conocer el nivel de conocimiento por cada nivel dando al un feedback para fortalecer el conocimiento del mismo.

Instalar dependencias

Antes de correrlo, asegúrate de estar en la terminal (dentro de tu entorno virtual si estás usando uno) e instala Flask y la librería de CORS:

🎮 Cómo Jugar

  1. Abre frontend/index.html con Live Server
  2. Selecciona un nivel
  3. Responde las preguntas antes de que se acabe el tiempo (20 segundos)
  4. Gana puntos y sube de nivel
  5. Ve tu puntuación final con badges

🚀 Cómo correr el proyecto

Requisitos previos

  • VS Code
  • Extensión Live Server instalada en VS Code
    (Extensiones → buscar "Live Server" de Ritwick Dey → Instalar)

Pasos

  1. Clona o descarga el repositorio
   git clone https://github.com/tu-usuario/tu-repo.git
  1. Abre la carpeta del proyecto en VS Code
   code sceci-project

O simplemente arrastra la carpeta a VS Code.

  1. Inicia Live Server

    • Ve a la carpeta frontend/
    • Clic derecho sobre index.html
    • Selecciona "Open with Live Server"
  2. Se abrirá el navegador automáticamente en:

✨ Características Implementadas

6 Niveles progresivos - Básico a Desafío ✅ 5 Tipos de preguntas - Opción múltiple, completar, V/F, ordenar, encontrar error ✅ Timer circular animado - Barra visual con cambios verde→rojo ✅ Preguntas aleatorias - Shuffle Fisher-Yates en cada partida ✅ Sistema de puntos - Gana puntos por respuestas correctas ✅ Pantalla de resultados - Badges según desempeño ✅ Selector de niveles - Interfaz para elegir qué nivel jugar

📱 Responsive

  • Mobile (360px+)
  • Tablet (768px+)
  • Desktop (1024px+)

🚀 Tecnologías

  • HTML5, CSS3, JavaScript Vanilla
  • SVG para timer circular
  • Animaciones CSS y transformaciones
  • JSON para datos de preguntas

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages