Weeli Secure

• 

  Homepage

• 

  Phishing detector

• 

  Website scanner

• 

  Logo

• 

  Password Checker

Inspiration

We came up with this idea after thinking about how digital the loop life is. Something as simple as sitting down at a restaurant requires you to scan a QR code to see the menu, and even to pay for your food. This QR code could have been tampered with and provides a malicious link, for example, which can be mitigated by passing the URL to our web scanner. In addition, Chicago enterprises can deploy this to their departments to promote workplace security. That is why all city-goers need a digital security toolkit-- to make sure that the websites and URLs they encounter in their everyday life are legit.

What it does

It provides three main tools: a password checker, a text phishing detector, and a web scanner. The password checker analyzes password strength and security using multiple criteria. The client-side phishing detection tool analyzes email and message text for suspicious patterns commonly used in phishing attacks. The web scanner analyzes the risk level a webpage based on mostly simulated checks and assigns it a trust score.

How we built it

The web scanner and phishing detector were built using Python. Then we transferred that logic into Typescript using Copilot. The password checker was mostly vibe-coded and had a simple implementation. We designed the UI on Figma by combining several of our design ideas into one combination. The shield logo was designed by one of our team members who does graphic design.

Challenges we ran into

We tried using APIs in the beginning of the project for both the password checker and the web scanner. Unfortunately, although we got the calls to work on Postman, none of us are experienced full-stack or backend developers so we wasted a lot of time figuring out how to fetch and display the data from the API. We ended up abandoning that idea and making a fully frontend application, using pattern-matching, heuristics, and basic algorithms instead. Another challenge was that the only people who really knew how to code on our team only knew python, so in order to make a deployable web application, we had to figure out a way to transfer all their python logic into a react typescript project.

Accomplishments that we're proud of

We worked together well as a group and used each others skillset to benefit the project as much as we could. We are also proud of the UIUX design, the logic we managed to integrate, and the fact that we got an MVP by the deadline.

What we learned

We learned it's very important to have a diverse skillset on a team in order to cover all your bases.

What's next for Weeli Secure

If we had more time, we would have loved to implement an actually functional backend with API calls, as well as a direct QR code scanner. That will probably be implemented later on if we continue with this idea.

Built With

• css
• next.js
• python
• react
• shadcn
• tailwind
• typescript