My Final Project
My final year project was to create a chrome extension that allows users to annotate webpages by attaching comments to an element of a page.
The idea came when a user providing feedback on a website design would use as print out of a webpage, this would prove to be a frustrating process for the developer (myself) as comments about interactive elements needed to be clarified and other issues with the method arose.
The purpose of Acetate was to create a tool that let users annotate webpages and share them with others, whilst initially for developer-client purposes, over Acetate's development, other areas were found for usage, such as the academic field.
Link to Code
SamReeve96
/
Acetate
Annotate the web, but better this time.
Acetate
Annotate the web, but better this time.
We're back! But this time Acetate is being built from the ground up using new tech, and less trial and error.
Here's the original repo, just incase you're feeling nostalgic or curious about how this project started.
What is Acetate
Acetate is a browser extension (Currently targeting Chromium browsers for now, get in touch if Firefox or Safari etc. would be something you'd want to help with!) that allows users to markup webpages for several use cases. Acetate connects comments to the element in context.
Getting setup
How I built it
Acetate is built using the traditional chrome extension structure and uses Google Firebase for remote storage of annotation comments.
Challenges
One of the biggest challenges of building this extension (aside from the fact this was my first extension) was trying to manipulate a webpage in such a way to create a container for the annotation comments, that wouldn't interfere with the content of the page the user is annotating but also remain still usable for the end-user.
Top comments (0)