🌍 Inspiration
As internet access grows rapidly across Africa, many people face digital risks without having the practical knowledge to protect themselves. Online scams, misinformation, cyber harassment, and unsafe digital habits affect students, workers, and families daily.
DigitalSafe was created to make digital safety education simple, practical, and accessible to everyone — not through complex technical courses, but through clear, real-life learning modules anyone can follow.
🚀 What it does
DigitalSafe is a web-based learning platform that teaches users how to stay safe online through:
- Practical digital safety modules based on real-life risks
- Interactive quizzes to validate understanding
- Progress tracking and completion certificates
- Educational content focused on scams, misinformation, cyber harassment, and safe online behavior
- Admin dashboard for content management and moderation
The goal is to help users build real digital reflexes they can apply immediately in their daily online life.
🛠️ How we built it
The platform was built as a full-stack web application:
- Frontend interface for learners
- Backend services for authentication and data handling
- Secure database and user management
- Admin dashboard for managing modules, quizzes, and users
Special attention was given to usability, accessibility, and performance to ensure the platform works smoothly even on low-bandwidth connections.
📚 What we learned
Building DigitalSafe helped strengthen skills in:
- Full-stack application architecture
- Authentication and secure user data handling
- UX design for educational platforms
- Deployment and cloud integration
- Designing learning content focused on real-world impact
It also highlighted how important digital literacy and online safety education are in today’s connected world.
⚡ Challenges we ran into
- Ensuring reliable email authentication and account confirmation
- Making the platform intuitive for non-technical users
- Designing educational modules that are practical rather than theoretical
- Deploying and configuring backend services securely on a free infrastructure
🏁 What's next for DigitalSafe
- Add more modules covering additional digital risks
- Improve analytics and learning progress insights
- Introduce multilingual support
- Partner with schools and organizations to expand impact
- Strengthen certification recognition and compliance
DigitalSafe aims to become a scalable digital safety education platform helping communities navigate the internet safely.
Built With
- api
- auth
- css
- netlify
- node.js
- react
- rest
- supabase
- tailwind
- typescript
- vite
