PhishGuard

Inspiration

In today’s world, phishing attacks have become increasingly common and sophisticated. I noticed many people, including myself, friends, and family, often fall prey to fake websites designed to steal their personal information. This motivated me to create a simple, easy-to-use tool that anyone can use to quickly check if a URL is safe or potentially malicious. The goal was to help users protect themselves from online threats without needing technical knowledge.

What it does

PhishGuard lets users paste a suspicious URL and instantly checks whether it is safe or a phishing attempt. It provides clear feedback along with useful cybersecurity tips to help users stay informed. Additionally, it keeps a history of recently checked URLs for quick reference, making it a handy companion for everyday browsing.

How I built it

I built PhishGuard using Django for the backend and Bootstrap for a clean, responsive front end. The app validates URLs entered by users and shows instant results. It also uses local storage in the browser to save the history of URL checks. The cybersecurity tips popup adds an interactive and informative layer. I used simple JavaScript to handle UI behaviors like showing the spinner during checks and hiding tips after a while.

Challenges I ran into

Since I’m a beginner, I had to learn a lot as I built this project. I kept running into errors and bugs that took time to figure out and fix, which was frustrating but also a great learning experience. Making the user interface interactive and engaging was harder than I expected because I wanted it to feel smooth and friendly without being too complicated. Balancing how much functionality to add while keeping it simple and easy to use was also a challenge, but I enjoyed working through these obstacles.

What I learned

This project taught me a lot about web development basics, especially combining Django with front-end tools like Bootstrap and JavaScript. I also learned the importance of UX details like positioning elements precisely and providing clear user feedback. Debugging CSS issues was a great hands-on experience in problem-solving.

What's next for PhishGuard

Moving forward, I want to enhance PhishGuard by adding more advanced phishing detection techniques, like integrating with external APIs or machine learning models. I’d also like to add user accounts so people can save their history securely across devices. Finally, improving accessibility and adding multi-language support would make the app even more user-friendly and inclusive.

Built With

• bootstrap5
• css
• django
• html
• javascript
• python