Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›‘οΈ CyberAware β€” Empowering Safe Digital Behavior Through Cybersecurity Education

An interactive cybersecurity awareness platform designed to educate users about online threats, digital safety, and cybersecurity best practices.

React

TypeScript

Vite

TailwindCSS

Hackathon


🌟 Overview

CyberAware is a modern cybersecurity awareness web application designed to educate users about online threats, digital safety, and cybersecurity best practices.

It helps users understand common cyber risks like phishing, malware, and social engineering through a simple, interactive learning experience.


🎯 Problem Statement

Millions of users face cybersecurity threats daily due to lack of awareness.

Common threats include:

  • 🎣 Phishing attacks

  • πŸ•΅οΈ Social engineering scams

  • πŸ” Weak passwords

  • 🦠 Malware infections

  • πŸ“Š Data breaches

  • 🌐 Unsafe browsing

CyberAware helps users stay safe online through awareness and education.


🌐 Live Demo

πŸ”— Live Project: https://cyberaware-mauve.vercel.app


πŸ“Έ Screenshots

Home Page

Home Page

Cyber Awareness Section

Cyber Awareness


✨ Features

  • Modern responsive UI

  • Cybersecurity awareness modules

  • Interactive learning experience

  • Mobile-friendly design

  • Fast performance

  • Clean navigation

  • Beginner-friendly content


πŸ› οΈ Tech Stack

| Technology | Purpose |

|------------|----------|

| React | Frontend |

| TypeScript | Type safety |

| Vite | Build tool |

| Tailwind CSS | Styling |

| TanStack Router | Routing |


πŸ“‚ Project Structure


src/

β”œβ”€β”€ components/

β”œβ”€β”€ routes/

β”œβ”€β”€ lib/

β”œβ”€β”€ server.ts

└── start.ts


πŸ‘₯ Team

| Member | Role |

|--------|------|

| Muhammad Ali | Frontend & UI |

| Muhammad Hamza | Research & Content |

| Ali Afzal | QA & Support |


πŸš€ Future Plans

  • Cybersecurity quizzes

  • AI phishing detector

  • User progress tracking

  • Security alerts system

  • Multi-language support


πŸ‘¨β€πŸ’» Author

Muhammad Ali


⭐ Support

If you like this project:

  • ⭐ Star the repository

  • 🍴 Fork it

  • πŸ“’ Share it


Made with ❀️ for Indus Week 2026 Hackathon

About

πŸ›‘οΈ CyberAware β€” Empowering Safe Digital Behavior Through Cybersecurity Education An interactive cybersecurity awareness platform designed to educate users about online threats, digital safety, and cybersecurity best practices.

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages