___ _  _ ___  ___  __  __ ___   ___ _   _ ___  _____   __
  / __| || | _ \/ _ \|  \/  | __| | _ ) | | |   \|   \ \ / /
 | (__| __ |   / (_) | |\/| | _|  | _ \ |_| | |) | |) \ V / 
  \___|_||_|_|_\\___/|_|  |_|___| |___/\___/|___/|___/ |_|  
                                                            
   

It is a chrome extension that help you to trace your daily usage ,

remind you to stay hydrated .

also show your yesterday usage and last 7 days usage .

you can also create your personal reminder and recieve chrome notifications.

IT will trace all the website you visit , time you spent on that site .

It has a dashboard that help to see all your usage of today , yesterday and last 7 days.

Personal reminders : you can create your own personal reminders form the dashboard. that help you to be on time.

the reminders will be shown through chrome notifications.

It also has default water intake reminder to keep you hydrated . (I include this feature becaue of my personal reason , I drink very less water , soo thats way i add this too.)

HTML

CSS

JS

CHROME STORAGE

CHROME NOTIFICATION

CHROME ALARAM

CHROME EXTENSION MANIFEST V3

C:.
│   background.js
│   manifest.json
│   readme.md
│   
├───dashboard
│       dashboard.css
│       dashboard.html
│       dashboard.js
│       
├───icons
│       icon128.png
│       stopwatch.png
│       water.png
│       
└───popup
        popup.css
        popup.html
        popup.js

        popup.js

Download this project as a zip file.

Then go to

 chrome://extensions

Enable the developer mode

click on the load unpack the selct the downloaded file. after that we can you it on your browser..

I watch some youtube vides on how to make chrome extension.

i also use https://developer.chrome.com/docs/extensions/get-started to know more about extension.

I have used chatgpt to learn about extenion and debug my codes.

Made with love by AYUSH KUSHWAHA