Cyber Heroes is a social responsibility project aimed at teaching internet safety and digital security to children. This project is built using Next.js and provides an interactive quiz to raise awareness.
Features
- Interactive quiz to teach internet safety.
- Light and dark theme support with toggle.
- SQLite database integration for managing quiz questions.
- Docker support for easy deployment.
- Ready for deployment on Vercel.
Clone the repository:
git clone https://github.com/leidorf/cyber-heroes.git
cd cyber-heroesInstall dependencies:
npm installStart the development server:
npm run devOpen http://localhost:3000 in your browser to see the app.
SQLite Database Setup
Ensure the cyber-heroes.db file is in the public/db directory.
The API will automatically use this database for fetching quiz questions.
To test the API:
curl http://localhost:3000/api/questionsThis project includes Docker support for easy deployment.
Build the Docker image:
docker build -t cyber-heroes .Run the container:
docker run -p 3000:3000 cyber-heroesOpen http://localhost:3000 in your browser.
Using Docker Compose
Alternatively, you can use Docker Compose:
docker-compose up --build