Inspiration
Our team is full of people that love to learn languages, and one member of our team has experimented with using chrome extensions to translate words live on pages. We all wanted to learn how tools these worked and wanted to customize our own to our learning needs and desires, leading to our project idea.
What it does
On page loads, words recognized by our spanish translator are highlighted, users click on the word, see the definition and example sentence use cases, and mark the word as "unknown", "seen" and "known" to their language learning process. We also have a webpage that takes this and presents it in different ways to better visualize/track progress.
How we built it
We used a react template to create our base, and followed tutorials to create the basic chrome extension. From there it was just basic niche sources and tutorials on adding stuff to storage, retrieving and using that info.
Challenges we ran into
Chrome extensions (at least the way we implemented them) are finicky about non js files, which was a reoccuring with our imports getting flagged/not working,
Accomplishments that we're proud of
What we learned
Starting with good infrastructure is hard, but helpful. We ran into many different issues with how we structured our files (placing things in src vs public vs outside of the project) which caused a lot of debt. That would have been a nice lesson to learn earlier
Log in or sign up for Devpost to join the conversation.