SmartNet – A digital literacy mini-platform for beginners

SmartNet

SmartNet is a digital literacy mini-platform designed to help beginners and everyday internet users learn safe and smart online habits through interactive quizzes, practical tips, and curated learning resources.

🚀 Features

Interactive Quizzes: Test your knowledge on online scams, phishing, password safety, and social media awareness with instant feedback.

Digital Safety Tips: Short, actionable tips for safe and responsible internet usage.

Learning Resources: Curated links to trusted sites for further digital literacy learning.

Responsive Design: Mobile-first layout for easy access on any device.

💻 Built With

Languages: HTML, CSS, JavaScript, PHP

Database: MySQL

Platforms / Hosting: GitHub Pages (frontend), XAMPP/WAMP for local testing

Version Control: Git & GitHub

🛠️ Setup Instructions

Clone the repository:

https://github.com/DevFuel01/SmartNet

Import the database:

Open phpMyAdmin or MySQL client.

Import db/smartnet.sql to create the database and tables.

Update php/quiz-handler.php with your database credentials:

$host = "localhost"; $db = "smartnet"; $user = "root"; $pass = "";

Start your local server (XAMPP/WAMP) and open index.html in your browser.

📷 Screenshots

(Optional: add screenshots here for each page)

Home Page

Quiz Page

Tips Page

Resources Page

About Page

🎯 Project Goal

SmartNet aims to bridge the digital literacy gap, helping users navigate the internet safely, avoid scams, and understand essential online practices. It’s beginner-friendly, hackathon-ready, and designed for real-world impact.

🔮 Future Improvements

Expand quiz database with more questions and difficulty levels.

Add progress tracking over multiple quiz attempts.

Include more curated tips and resources for different user groups.

Explore localization for multiple languages to reach more users.

📄 License

This project is open-source and free to use.