CyberGuard

About the Project

CyberGuard is a lightweight frontend application that evaluates password security in real time. It uses simple pattern matching to test passwords against standard security requirements and immediately shows how vulnerable they are to brute-force attacks.

Inspiration

We wanted to build something practical that addresses a common digital threat: weak credentials. Many users know they need strong passwords, but they do not realize how fast basic passwords can be cracked by automation. We wanted to make a tool that shows this risk instantly.

What it does

CyberGuard takes any password input and tests it against four main security criteria: length, uppercase letters, numbers, and symbols. As the user types, a progress bar dynamically updates its color from red to green, updating a live countdown that shows the estimated time a hacker would need to crack it.

How we built it

The project was built completely from scratch using vanilla frontend technologies:HTML5 to structure the user input and the visual checklist.CSS3 with a modern dark theme, smooth color transitions, and responsive containers.JavaScript to handle real-time input events and use Regular Expressions (Regex) to instantly calculate the security score.

Challenges we ran into

The hardest part was setting up the conditional logic for the score calculation. We had to make sure the progress bar and text updated smoothly with every keystroke without lag or broken UI elements when characters were deleted.

Accomplishments that we're proud of

We are proud of creating a highly functional and polished security tool in a short amount of time using only raw code, without relying on massive external frameworks or third-party libraries.

What we learned

We learned a lot about how Regular Expressions work in JavaScript to find specific text patterns. We also learned how to translate technical security metrics into clear, visual feedback that any casual user can understand.

What's next for CyberGuard

We want to add a feature that checks passwords against a database of known leaked credentials (like the HaveIBeenPwned API) to warn users if their password has already been compromised in a real data breach.

Built With

• css3
• github
• html5
• javascript
• vanilla