Este projeto de genética interativa foi desenvolvido para proporcionar uma experiência educacional rica em conceitos genéticos, utilizando um design interativo e visualmente atraente. Ele abrange desde as Leis de Mendel até genética avançada, incluindo herança ligada ao sexo, com várias seções detalhadas e funcionalidades interativas.
Este projeto é uma aplicação web educacional focada em genética, destinada a estudantes e entusiastas da biologia. O objetivo é facilitar o entendimento de conceitos genéticos por meio de atividades interativas, diagramas dinâmicos, e uma interface amigável.
- Página Inicial: Introdução às Leis de Mendel, com biografia de Mendel e conceitos básicos.
- Funcionalidades Interativas: Atividades interativas, como cruzamentos genéticos e cálculo de probabilidades.
- Leis de Mendel: Explicações detalhadas sobre a Lei da Segregação e outras leis fundamentais.
- Genética Avançada: Conteúdos sobre genética avançada, incluindo herança ligada ao sexo.
- Diagramas Dinâmicos: Ferramentas para criar diagramas de cruzamentos genéticos e outras representações gráficas.
- Perguntas Interativas: Página com perguntas interativas para testar o conhecimento adquirido.
- React: Biblioteca JavaScript para construção de interfaces de usuário. Versão:
^18.3.1 - Chakra UI: Biblioteca de componentes para criar interfaces acessíveis e personalizáveis. Versão:
^2.8.2 - Emotion: Biblioteca para estilização com CSS-in-JS, utilizada junto com o Chakra UI. Pacotes:
- @emotion/react:
^11.11.4 - @emotion/styled:
^11.11.5
- @emotion/react:
- Excalidraw: Ferramenta para criação de diagramas e esboços. Versão:
^0.17.6 - Chart.js: Biblioteca para criação de gráficos. Versão:
^4.4.3 - react-chartjs-2: Wrapper para integrar Chart.js com React. Versão:
^5.2.0 - Framer Motion: Biblioteca para animações e transições em React. Versão:
^11.2.12 - react-icons: Biblioteca para incluir ícones em projetos React. Versão:
^5.2.1 - react-router-dom: Biblioteca para gerenciamento de rotas em aplicações React. Versão:
^6.24.1 - Recharts: Biblioteca para criação de gráficos em React. Versão:
^2.12.7 - @djpfs/react-vlibras: Biblioteca para integração de avatares de Libras em aplicações React. Versão:
^2.0.2
Para rodar este projeto localmente, siga os passos abaixo:
- Clone o repositório:
git clone https://github.com/MendelWebProject/MendelProject
- Navegue até o diretório do projeto:
cd MendelProject - Instale as dependências:
npm install
- Inicie o servidor de desenvolvimento:
npm run dev
- Acesse a aplicação em http://localhost:3000.
-
Matheus Pereira (GitHub)
Líder, Gestor de Projeto e Desenvolvedor
Responsável pela coordenação geral do projeto e desenvolvimento do sistema, além de intermediar entre os diferentes responsáveis pelo projeto. -
Alessandro Silva (GitHub)
Desenvolvedor
Contribuiu com a implementação de páginas de conteúdo e criação de componentes específicos do sistema. -
Daniel de Sousa (GitHub)
Redator e Desenvolvedor
Redator técnico e desenvolvedor de componentes interativos, estruturando níveis complexos e intermediários. -
Moises Lima (GitHub)
Desenvolvedor
Focado no desenvolvimento de demandas variadas, manutenção de código e suporte à criação do algoritmo do quadro de Punnett. -
Ermeson Ramos (GitHub)
Orientador de Desenvolvimento e Desenvolvedor
Coordenou os desenvolvimentos iniciais e contribuiu com a arquitetura do projeto. -
Gabriel Sousa (GitHub)
Gestor de Projeto e Desenvolvedor
Gestão de tarefas e desenvolvimento de funcionalidades chave, além de contribuir para a estrutura e escopo do projeto, liderando o desenvolvimento. -
Vinicius Gykatah (GitHub)
Desenvolvedor e Suporte
Desenvolvedor responsável pelo suporte técnico e solução de problemas. -
Jeferson Bryan (GitHub)
Desenvolvedor
Contribuiu com a implementação de páginas de conteúdo e interações. -
José Venâncio (GitHub)
Desenvolvedor
Contribuiu com a implementação de páginas de conteúdo e criação de páginas interativas. -
Thiago Haner (GitHub)
Desenvolvedor
Contribuiu com a implementação de páginas de conteúdo e desenvolvimento de lógicas de backend.