Browser Extension - OpenSauced CraftWork

By Akash Singh

Assignment

Create a browser extension that connects OpenSauced to a github.com profile.

Overview

This Browser Extension is used to add a button to a person GitHub profile if that user is a member of OpenSauced Community. When clicking on that button it directs to that persons OpenSauced Profile

Assignment Expectations

• To create an OpenSauced account by connecting your GitHub to opensauced.pizza - (Satisfied)

• To generate a vite powered browser extension using the CRXJS guide. Note there are two versions, vite@3 is in beta but both will work fine for this assignment - (Satisfied)

• To connect your localhost power extension to your browser and not deploying this to production or any browser store - (Satisfied)

• To write a function that validates if an OpenSauced user account exists (using the OpenSauced API) for a GitHub user profile while viewing them on github.com - (Satisfied)

Tech Stacks

Output Screens

GitHub Screen

Browser Extension Screen

Popup Screen

Resources

• api.opensauced.pizza

• docs.opensauced.pizza

• https://github.com/open-sauced/assets

• crxjs

• vite