PhishGuard

• 

  initial opening page

• 

  after clicking extract email button

• 

  after clicking check phishing button

About The Project

I decided to create a Chrome extension that will read webpage text, find email addresses, and use the ZeroBounce API to determine its validity. This is a helpful tool that will quickly determine what is a real email.

What I learned

This was the first Chrome extension I've created and the first time using Vite. I enjoyed tackling this project because although it is similar to building a website, it requires an understanding of accessing the Chrome extension versus the tab it's running on. Reading the Chrome extension documentation was incredibly helpful 😅.

Challenges

• Unlike a live server that updates when your code is saved when making a website, I needed to build my project every time I made a change in dev.
• Building the manifest.json to talk to the correct files.
• Error detection

Built With

Front End

Back End

• ZeroBounce API

Installation

1. Get a API Key at ZeroBounce API -- only 5 free credits
2. Clone the repo sh git clone https://github.com/your_username_/Project-Name.git
3. Install NPM packages sh npm install
4. Enter your API in src/config.js const REACT_APP_API_KEY = "YOUR API KEY";

Roadmap

• [ ] Make this nicer looking
• [ ] Add Error Alerts
• [ ] Get it on the extension store

See the open issues for a full list of proposed features (and known issues).

Built With

• chrome
• react
• typescript
• vite
• zerobounce