NetGuardian is a cybersecurity project developed for the ITWeb Security Hackathon 2025 Clinching the Award of Best Overall User Interface, aimed at combating phishing attacks in real time. I co-led the technical implementation of an AI-driven threat detection system that integrates directly into users’ browsers through a custom extension. On the backend, we leveraged Python Flask to handle malicious link classification and Redis for efficient message queuing between services. I was primarily responsible for designing and building the interactive dashboard using Next.js, which provided real-time visualization of detected threats, URL logs, and system responses. The project emphasized secure data flow, responsiveness, and developer collaboration, with all source control and DevOps workflows managed through Git. NetGuardian showcased our team’s ability to combine frontend UX, backend intelligence, and cybersecurity awareness into a unified platform.
YouTube Demo SSHACK25 : https://youtu.be/QpULuEAWKx8?si=vfPIRZoVPLdPdcVY
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.