Skip to content

Plataforma web educacional gamificada para aprendizado de banco de dados, programada em HTML5, CSS3, JavaScript e React, com integração Firebase. Desenvolvida como projeto da disciplina de Trabalho de Conclusão de Curso (TCC) do curso de Ciência da Computação.

License

Notifications You must be signed in to change notification settings

mayasrl/DBQuest

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 DBQuest - Aprenda Banco de Dados de Forma Interativa

Plataforma gamificada de aprendizado de banco de dados com exercícios interativos, sistema de vidas e ranking competitivo.

DBQuest License Firebase

📋 Sobre o Projeto

DBQuest é uma aplicação web educacional que transforma o aprendizado de banco de dados em uma experiência gamificada e envolvente. Através de trilhas de aprendizado estruturadas, exercícios práticos e um sistema de progressão, os usuários podem dominar SQL, NoSQL e conceitos fundamentais de banco de dados.

✨ Funcionalidades

🎯 Sistema de Gamificação

  • Sistema de Vidas: 5 vidas que se regeneram a cada 4 horas
  • XP e Níveis: Ganhe experiência ao completar lições
  • Streak: Mantenha sequências de dias estudando
  • Ranking Global: Compete com outros usuários

📚 Trilhas de Aprendizado

  • SQL Básico: Fundamentos de consultas e manipulação de dados
  • NoSQL: Conceitos de bancos não relacionais
  • Modelagem de Dados: Normalização e design de esquemas

🔐 Autenticação

  • Login com email/senha
  • Login com Google
  • Perfil de usuário personalizado

📊 Acompanhamento de Progresso

  • Dashboard com estatísticas
  • Histórico de lições completadas
  • Gráficos de evolução

🚀 Tecnologias Utilizadas

  • Frontend: React 18, Tailwind CSS
  • Backend: Firebase (Authentication + Realtime Database)
  • Hospedagem: GitHub Pages
  • Linguagens: HTML5, CSS3, JavaScript (ES6+)

📁 Estrutura do Projeto

``` DBQuest/ ├── index.html # Página de entrada ├── src/ │ ├── pages/ # Páginas HTML │ │ ├── auth.html # Login/Registro │ │ ├── home.html # Página inicial │ │ ├── lesson.html # Lições │ │ ├── ranking.html # Ranking │ │ └── profile.html # Perfil │ ├── styles/ # Estilos CSS │ │ ├── global.css │ │ ├── components/ │ │ └── pages/ │ ├── scripts/ # JavaScript │ │ ├── app-full.jsx │ │ ├── icons.js │ │ ├── utils.js │ │ └── gamification.js │ ├── config/ │ │ └── firebase.js # Configuração Firebase │ └── data/ │ └── trails.js # Dados das trilhas ```

🛠️ Como Executar Localmente

Pré-requisitos

  • Navegador moderno (Chrome, Firefox, Edge)
  • Python 3 (para servidor local)

Instalação

  1. Clone o repositório: ```bash git clone https://github.com/brendacalazans/DBQuest.git cd DBQuest ```

  2. Inicie um servidor local: ```bash python3 -m http.server 8080 ```

  3. Acesse no navegador: ``` http://localhost:8080 ```

🌐 Deploy

O projeto está configurado para deploy no GitHub Pages.

⚙️ Configuração Opcional

🤖 Desafios SQL com IA (Gemini)

O DBQuest possui um recurso de desafios SQL gerados por IA. Para ativá-lo:

  1. Obtenha uma chave de API gratuita em Google AI Studio
  2. Siga as instruções detalhadas em CONFIGURACAO_IA.md

Nota: Este recurso é opcional. O DBQuest funciona normalmente sem ele.

🎓 Como Usar

  1. Cadastre-se ou faça login
  2. Escolha uma trilha de aprendizado
  3. Complete lições para ganhar XP
  4. Responda exercícios para testar conhecimento
  5. Acompanhe seu progresso no perfil
  6. Compete no ranking global
  7. [Opcional] Teste seus conhecimentos com desafios SQL gerados por IA

🤝 Contribuindo

Contribuições são bem-vindas! Para contribuir:

  1. Fork o projeto
  2. Crie uma branch: `git checkout -b feature/nova-funcionalidade`
  3. Commit suas mudanças: `git commit -m 'Adiciona nova funcionalidade'`
  4. Push para a branch: `git push origin feature/nova-funcionalidade`
  5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT.

👥 Autores

  • Brenda Calazans - GitHub
  • Maria Silveira - GitHub
  • João Vitor Parolini - GitHub
  • Rebeca Reis -

Desenvolvido com ❤️ para tornar o aprendizado de banco de dados mais divertido!

About

Plataforma web educacional gamificada para aprendizado de banco de dados, programada em HTML5, CSS3, JavaScript e React, com integração Firebase. Desenvolvida como projeto da disciplina de Trabalho de Conclusão de Curso (TCC) do curso de Ciência da Computação.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.5%
  • HTML 30.1%
  • CSS 13.4%