-
Introducing iSpy.
-
Popup configuration for the extension.
-
Minimized view of the current room.
-
Maximized view of the current room.
Inspiration
iSpy was inspired by the often unfavorable idea of peer pressure and leveraging it to our advantage by using it to help us study better.
What it does
iSpy is a browser extension that lets you "spy" on your friends' tabs and poke them to keep working if they go on the wrong tab.
How we built it
iSpy was built with the Plasmo Framework, a new browser extension SDK, which lets you write browser extensions in React. We also used TailwindCSS for styling, Socket.IO for the realtime room system, and the Chrome Storage API for managing and saving data.
Challenges we ran into
Using a brand new framework. Plasmo hasn't been around for very long, so whenever we had a problem, it mainly ended with us rereading the docs, or guessing and checking 🤡.
Accomplishments that we're proud of
The room system (huge shoutout to Maggie for this one). There was a lot of communication between the background processes, the popup, and the injected content on the page.
Also, we (once again) decided to all work on the main branch of the repository,
What we learned
We learned how to use Plasmo to develop browser extensions.
What's next for iSpy
We're planning to add viewing and annotation on peoples' browser tabs and more ease-of-life improvements.
Log in or sign up for Devpost to join the conversation.