snitch

by Bethany Cho, Christian Lee, Grace Shum, and Chester Wonchoba for WildHacks 2025

a chrome extension tools built with Vite + React, and Manifest v3

Credits

1. Scary face image: https://en.picmix.com/stamp/face-2473094
2. Footsteps sound: Pixabay - https://pixabay.com/sound-effects/search/footsteps/
3. Piano sound: Erix L. L. Oliver - https://youtu.be/cTpuWjik1GE
4. Google Extension Template: guocaoyi https://github.com/guocaoyi/create-chrome-ext

Instructions from template

Installing

1. Check if your Node.js version is >= 14.
2. Change or configurate the name of your extension on src/manifest.
3. Run npm install to install the dependencies.

Developing

run the command

$ cd footsteps

$ npm run dev

Chrome Extension Developer Mode

1. set your Chrome browser 'Developer mode' up
2. click 'Load unpacked', and select footsteps/build folder

Nomal FrontEnd Developer Mode

1. access http://0.0.0.0:3000/
2. when debugging popup page, open http://0.0.0.0:3000//popup.html
3. when debugging options page, open http://0.0.0.0:3000//options.html

Packing

After the development of your extension run the command

$ npm run build

Now, the content of build folder will be the extension ready to be submitted to the Chrome Web Store. Just take a look at the official guide to more infos about publishing.

---

Generated by create-chrome-ext