Este projeto faz parte da plataforma GenoTech, que é dividida em dois repositórios:
- 🖥 Backend: https://github.com/Rochagx/genotech-backend
- 🎨 Frontend: https://github.com/Rochagx/genotech-frontend
Este é o repositório do frontend para o projeto GenoTech, uma plataforma educacional interativa focada em genética e biotecnologia.
- Interface de usuário responsiva
- Sistema de login e registro
- Perfil de usuário editável
- Quiz interativo sobre genética e biotecnologia
- Visualização de ranking de usuários
- Tema claro/escuro alternável
- Visualização 3D de moléculas
- Tabela periódica interativa
- Página inicial informativa sobre o projeto
- HTML5: Estruturação do conteúdo
- CSS3: Estilização e layout responsivo
- JavaScript: Programação do lado do cliente
- Fetch API: Para requisições HTTP ao backend
- LocalStorage: Para armazenamento local de dados do usuário
- Three.js: Para renderização 3D de moléculas
- Font Awesome: Para ícones
- CSS Grid e Flexbox: Para layouts responsivos
- Media Queries: Para design responsivo
- Clone o repositório
- Abra o arquivo
index.htmlem um navegador web moderno - Para desenvolvimento, recomenda-se usar um servidor local (como Live Server no VS Code)
/pages: Diferentes páginas da aplicação (login, perfil, quiz, etc.)/assets: Recursos estáticos como imagens e ícones
- Página Inicial: Introdução ao projeto GenoTech
- Sistema de Autenticação: Login e registro de usuários
- Perfil de Usuário: Visualização e edição de informações do usuário
- Quiz: Interface interativa para responder perguntas sobre genética
- Ranking: Exibição da classificação dos usuários
- Visualizador 3D: Renderização de moléculas em 3D
- Tabela Periódica: Versão interativa da tabela periódica
O frontend se comunica com o backend através de uma API RESTful. As principais integrações incluem:
- Autenticação de usuários
- Atualização de perfil
- Submissão de respostas do quiz
- Recuperação de dados para o ranking