NaveGuard

📋 About the Project

NaveGuard is an educational platform designed to teach children about online safety, digital privacy, and responsible online behavior. It features interactive games, quizzes, and simulations to demonstrate the consequences of different online behaviors.

This repository contains the front-end for the NaveGuard platform, responsible for intuitive and dynamic screens where users can register, log in, and access graphs, cards, and dynamic maps. The back-end of the project, developed concurrently, can be accessed here: NaveGuard - Back-end.

🚫 Problem Statement

We live in an era where children and teenagers spend increasing amounts of time connected to the internet—on social media, gaming platforms, or apps. While this digital environment offers countless learning and entertainment opportunities, it also exposes young users to risks such as cyberbullying, inappropriate content, and dangerous interactions with strangers.

💡 Solution

Our solution is a platform featuring a 2D game that teaches children safe online practices. Additionally, it provides guides for parents and guardians to help them educate children and tutorials on using parental control tools to monitor internet access.

🚀 Technologies Used

React: Used to build the user interface, ensuring a dynamic and responsive experience.
Spring Boot: Back-end framework used to build the REST API.
Axios: HTTP request library for communication between front-end and back-end.
Styled Components: Used for styling components with CSS-in-JS, enabling a customizable and modern interface.

▶ How to Run the Project (Front-End and Back-End)

To clone and run this project, follow the steps below:

Clone the repositories (front-end and back-end):

Front-end:

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

Back-end:

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

Install dependencies:
- Access the project folders and install dependencies for both front-end and back-end:
```
cd front-end/naveguardFront/src
npm install
```
```
cd back-end/naveguard
npm install
```
Run the front-end:
- After installing the dependencies, run the following command to start the front-end:
```
npm run dev
```
Run the back-end:
- In another terminal tab, access the back-end folder and start the server:
```
npm run dev
```

📅 Conclusion

The NaveGuard platform combines entertainment and education with a strong focus on interactive games. This gamified approach, along with resources for both parents and children, creates a unique experience that is difficult for competitors to replicate. The platform not only educates but also entertains, ensuring greater engagement with the content.

A significant improvement for future development would be implementing a real database to store information, replacing the currently mocked data. This would allow for greater scalability, security, and flexibility in managing data, as well as providing a more robust experience for platform users.

💻 Founders


Heverton Victor	Jamyle Elen	Antônio de Pádua	Guilherme Davino	Jonas Rafael	Rodrigo Silva	Theofilo Henrique	Leandra Mayla
PO	Scrum Master	Role	Role	Role	Role	Role	Social Media