Our central goal was to make shoppers feel better about e-commerce

Our two achievements were:

1. Give shoppers positive feedback on their purchases
2. Gives shoppers the ability to disuade them from shopping beyond their means

• Framework: React
• Libraries/CSS: OpenAI, MaterialUI, Tailwind

• Notes/mindmappipng: Excalidraw
• Design: Figma
• Code collaboration: Github

1. Clone the project

git clone https://github.com/spiltbeans/shopping.git

2. Add environment variables touch .env && nano .env The following environment variables are required:

REACT_APP_OPENAI_ORG=<OPENAI ORGANIZATION NUMBER>
REACT_APP_OPENAI_KEY=<OPENAI API KEY>

3. Build the React app

npm run build

1. Enter the following into your Chrome browser searchbar:

chrome://extensions

2. Switch your browser to developer mode in by toggling the swtich in the top right corner

3. Select LOAD UNPACKED

4. Navigate to and select the /build folder in the project

The extension should now show up in your Extensions bar, labelled as "InnerVoice"

Navigate to Amazon to use

• Font: Titillium Web
• Font: Barlow
• Extension video
• React as extension
• Login extension
• Connect background->forefront
• Purse sensitive data from commit history