-
-
information about cyber security
-
phishing stealing data with the links
-
asking adults downloading opf unknown apps
Inspiration
The internet is a powerful tool, but for children, it can be full of unseen dangers. I was inspired to build CyberSafeKids after realizing how few educational tools exist to teach young students about cybersecurity in a friendly and engaging way. With increasing exposure to digital devices from a young age, I wanted to create something interactive, colorful, and simple that could raise awareness and build healthy digital habits early.
What it does
CyberSafeKids is a fun, interactive web app that teaches children and beginners how to stay safe online through:
How we built it
We built CyberSafeKids using a combination of Python (Flask) for the backend and HTML, CSS, and JavaScript for the front-end to create a fun and educational experience for children. The project started by identifying key cybersecurity concepts such as password protection, phishing, safe downloading, and responsible online sharing. We designed a vibrant homepage that displays awareness tips using image cards, styled with CSS and custom fonts from Google Fonts to make it kid-friendly and engaging. The interactive quiz was developed using JavaScript to present multiple-choice questions, provide instant feedback, and share additional tips after each answer. Flask handles the routing between the homepage and quiz page, making the application easy to navigate. Throughout development, we focused on building a responsive design that works across devices and offers a simple, safe, and fun introduction to digital safety for young learners.
Challenges we ran into
One of the key challenges we faced was simplifying complex cybersecurity concepts so they could be easily understood by children without overwhelming or confusing them. Designing the interface to be both visually engaging and educational required balancing color, imagery, and text density. Ensuring that the quiz logic worked smoothly in real-time using JavaScript was another technical hurdle, especially when handling feedback and score tracking dynamically. We also encountered issues with Flask file routing and HTML template management, particularly when working with image paths and folder structures. Additionally, maintaining responsive design across different screen sizes—especially for mobile users—required careful CSS adjustments. Despite these challenges, each obstacle helped us learn more about building accessible, interactive, and user-friendly web applications.
Accomplishments that we're proud of
We’re proud to have created an application that makes cybersecurity approachable and fun for children—an area that is often overlooked in technical education. Designing a visually engaging awareness page and building an interactive quiz that provides instant feedback was a major accomplishment, especially using only core web technologies without heavy libraries. We're also proud of the fact that we developed this project end-to-end, combining both front-end and back-end components using Flask, HTML, CSS, and JavaScript. Making the app responsive, intuitive, and easy to use for young learners gave us a deep sense of fulfillment, as it aligns with our goal of using technology to create positive, real-world impact.
What we learned
Through building CyberSafeKids, we gained valuable experience in both technical development and user-focused design. On the technical side, we deepened our understanding of how to create a full-stack web application using Flask for backend routing and HTML, CSS, and JavaScript for frontend interactivity. We learned how to manage project structure in Flask, link templates correctly, and handle real-time interactions using JavaScript. Just as importantly, we learned how to simplify cybersecurity topics and present them in a way that’s friendly, age-appropriate, and visually engaging for young users. This project helped us strengthen our design thinking, improve our problem-solving skills, and reminded us how impactful it can be to build something educational and meaningful.
What's next for CyberBuddy-a-friendly-guide-to-internet-safety
CyberBuddy has laid the foundation for a fun and engaging way to introduce digital safety to children, but there’s still a lot more we’d love to build. In the future, we plan to add voice-over instructions to support younger kids who may not be strong readers, and incorporate animated characters that guide users through tips and quiz questions. We also aim to expand the quiz with more difficulty levels, localized language support, and progress tracking for teachers and parents. Additionally, we’d love to develop a mobile-friendly version or even turn CyberBuddy into a cross-platform educational app. The long-term goal is to collaborate with schools and educational organizations to make CyberBuddy a widely accessible tool for digital citizenship education.
Log in or sign up for Devpost to join the conversation.