Whenever I started reading an article on the web, I often struggle with the high vocabulary used. I then used to rush to search the word on internet and it breaks the flow of reading and our brain takes some time to again gain focus on the article. Being a programmer, I thought of making a bookmarklet which can help you to give instant definitions with just one click!

What it does

By dragging the bookmarklet to the bookmarks tab, you are ready to use it. Open a webpage on your browser, click on the bookmark (facticity) icon to activate it and then you can select the words you want to get the definition of and voila - it shows you the definition. There's also a "Learn More" link and it will take you to the page where there's a lot of information about the selected word.

How we built it

I used jQuery along with Vanilla JavaScript to build the bookmarklet and for the website, I used HTML5, CSS3, JavaScript for frontend and Node.js, Express.js for the backend.

Challenges we ran into

There was a lot of problems I ran into like fetching the data and passing it to the innerHTML of the tooltip, removing the tooltip once the user scrolls or touches the body at any point, pushing my code from local repository to github repository (this was my first time doing this).

Accomplishments that we're proud of

I am proud of finally making a bookmarklet. This is my first time doing so. I learned a lot and of-course this was created in a span of only 1.5 days. Plus now I won't need to rush to google search to find the meanings of words.

What we learned

I learned how to make bookmarklets, pushing local code to github using git.

What's next for Facticity

Turning it into a chrome extension. Allowing users to save the words they select so that they can access it later.

Share this project: