Skip to content

A web application to create, manage, and use interactive quizzes and flashcards based on JSON

Notifications You must be signed in to change notification settings

Joacohbc/study-builder

Repository files navigation

📝 Study Builder

Domina cualquier tema con cuestionarios interactivos y flashcards personalizadas.

React Vite JavaScript Tailwind CSS

Study Builder es una plataforma web intuitiva diseñada para potenciar el aprendizaje activo. Permite crear, gestionar y practicar con diversos tipos de contenido educativo directamente en el navegador. Gracias a su almacenamiento local y soporte para imágenes, es la herramienta ideal para centralizar tus sesiones de estudio sin depender de servicios externos.


🚀 Tech Stack

Construido con un stack moderno para garantizar rapidez y una interfaz de usuario fluida:

  • Frontend: React
  • Build Tool: Vite
  • Lenguaje: JavaScript
  • Estilos: Tailwind CSS
  • Enrutado: React Router
  • Entorno: Node.js
  • Package Manager: pnpm
  • Deployment: GitHub Pages

✨ Características Principales

  • Variedad de Cuestionarios: Crea preguntas de opción única, múltiple, emparejamiento y completar espacios en blanco.
  • Flashcards Multimedia: Sistema de tarjetas (frente/dorso) con soporte para imágenes codificadas en base64.
  • Editor JSON Integrado: Crea y modifica tus sets de estudio fácilmente con validación en tiempo real.
  • Privacidad y Local Storage: Todos tus datos se guardan de forma segura en el almacenamiento local de tu navegador.
  • Experiencia Dinámica: Feedback instantáneo en cuestionarios y navegación aleatoria para evitar la memorización por posición.

🔗 Live Demo

Puedes utilizar la aplicación directamente desde: https://joacohbc.github.io/study-builder

🛠️ Instalación y Uso

  1. Clonar el repositorio:
    git clone [https://github.com/joacohbc/study-builder.git](https://github.com/joacohbc/study-builder.git)
    cd study-builder
  2. Instalar dependencias:
    pnpm install
  3. Ejecutar servidor de desarrollo:
    pnpm run dev
    La aplicación estará disponible en http://localhost:5173.

Optimiza tu aprendizaje. Hazlo simple. Hazlo con Study Builder.

About

A web application to create, manage, and use interactive quizzes and flashcards based on JSON

Resources

Stars

Watchers

Forks