NaveGuard

📋 Sobre o Projeto

NaveGuard é uma plataforma educacional projetada para ensinar crianças sobre segurança online, privacidade digital e comportamento responsável na internet. A plataforma inclui jogos interativos, quizzes e simulações para demonstrar as consequências de diferentes comportamentos online. Este repositório contém o front-end da plataforma NaveGuard, responsável pelas telas intuitivas e dinâmicas, onde os usuários podem se registrar, fazer login e acessar gráficos, cards e mapas interativos. O back-end do projeto, desenvolvido de forma paralela, pode ser acessado aqui: NaveGuard - Back-end.

🚫 Problema

Vivemos em uma era em que crianças e adolescentes passam cada vez mais tempo conectados à internet — seja em redes sociais, plataformas de jogos ou aplicativos. Embora esse ambiente digital ofereça inúmeras oportunidades de aprendizado e entretenimento, ele também expõe os jovens a riscos como cyberbullying, conteúdo inadequado e interações perigosas com estranhos.

💡 Solução

Nossa solução é uma plataforma que inclui um jogo 2D que ensina práticas seguras online. Além disso, a plataforma oferece guias para pais e responsáveis ajudarem na educação das crianças, bem como tutoriais sobre como usar ferramentas de controle parental para monitorar o acesso à internet.

🚀 Tecnologias Usadas

React: Utilizado para construir a interface do usuário, garantindo uma experiência dinâmica e responsiva.
Spring Boot: Framework de back-end utilizado para desenvolver a API REST.
Axios: Biblioteca de requisições HTTP para comunicação entre front-end e back-end.
Styled Components: Utilizado para estilizar componentes com CSS-in-JS, possibilitando uma interface moderna e personalizável.

▶ Como Executar o Projeto (Front-End e Back-End)

Para clonar e executar este projeto, siga os passos abaixo:

Clone os repositórios (front-end e back-end):

Front-end:

git clone https://github.com/navsegura/navegacaosegura

Back-end:

git clone https://github.com/navsegura/navegacaosegura-backend

Instale as dependências:
- Acesse as pastas do projeto e instale as dependências para o front-end e back-end:
```
cd front-end/naveguardFront/src
npm install
```
```
cd back-end/naveguard
npm install
```
Execute o front-end:
- Após instalar as dependências, execute o seguinte comando para iniciar o front-end:
```
npm run dev
```
Execute o back-end:
- Em outra aba do terminal, acesse a pasta do back-end e inicie o servidor:
```
npm run dev
```

📅 Conclusão

A plataforma NaveGuard combina entretenimento e educação com um forte foco em jogos interativos. Essa abordagem gamificada, junto com recursos para pais e crianças, cria uma experiência única que é difícil de replicar por concorrentes. A plataforma não só educa, mas também diverte, garantindo maior engajamento com o conteúdo. Uma melhoria significativa para o futuro seria a implementação de um banco de dados real para armazenar as informações, substituindo os dados simulados atualmente. Isso permitiria maior escalabilidade, segurança e flexibilidade no gerenciamento de dados, além de proporcionar uma experiência mais robusta para os usuários da plataforma.

💻 Fundadores


Heverton Victor	Jamyle Elen	Antônio de Pádua	Guilherme Davino	Jonas Rafael	Rodrigo Silva	Theofilo Henrique	Leandra Mayla
PO, Desenvolvedor Front-End e UI/UX	Scrum Master, Desenvolvedora Front-End e UI/UX	Desenvolvedor Full-Stack	Desenvolvedor Back-End	Desenvolvedor Front-End e Financeiro	Desenvolvedor Back-End e UI/UX	Desenvolvedor Back-End e Sound Designer	Social Media, Desenvolvedora Front-End e UI/UX