Chrome Extension : Your new favorite landing page !

The project is about creating a browser extension for Google Chrome. It is the third project of our curriculum at ADA Tech School in Paris.

Authors

• Chloé Pelerin
• Aroun Gnanavelan
• Nicolas Perrotin

Project goals

Manipulating and interacting with the DOM using JavaScript

Languages and tools used

Languages:

• JavaScript
• HTML
• CSS Tools:
• Git
• Miro
• Visual Studio Code

Features

Une page d'accueil personnalisée comprenant :

• Background image
• Date and time display
• Weather information (geo-location through the browser)
• Integrated search bar (with multiple search engine options)
• Daily inspiration quote
• To do list

External resources and tools

• MP3 music from Pixabay
• phind.com
• Todo list source: YouTube tutorial by ASMR Programming

Deployment

To use this extension, you will have to install it on your chrome browser : when you are in the extensions menu, activate the developper mode, and then you'll will be able to load the local files form the repo. It won't work if you load it as a regular webpage. You will also need to put in your own API keys (and replace the "*** You API Key ..."). The API source is specified. 3 keys are required (content.js, quote.js and weather.js)