DEV Community

Cover image for Time Track Chrome Extension
Ali Sina Yousofi
Ali Sina Yousofi

Posted on

Time Track Chrome Extension

What I built

I built a Time Tracker Chrome Extension that helps users track and manage the amount of time they spend on websites. The extension allows users view the time, website, the date they visited the website and they can delete those data.

Category Submission:

Wacky Wildcards

App Link

Not published.

Screenshots

Time track

Image description

Image description

Image description

Image description

Image description

Description

The Time Tracker Chrome Extension is a Chrome browser extension that tracks the time you spend on websites and helps you stay focused and productive.

Link to Source Code

Link to source code

Permissive License

The Time Tracker Chrome Extension is licensed under the MIT License.

Background (What made you decide to build this particular app? What inspired you?)

I decided to build this extension because I noticed that I was spending a lot of time on unproductive websites and wanted a way to monitor my activity and stay accountable. I also wanted to develop my skills in building browser extensions and learn more about the Chrome extension ecosystem.

How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

I built the Time Tracker Chrome Extension using HTML, CSS, and JavaScript. I utilized GitHub Actions to automate the build and deployment process, and GitHub Codespaces to develop and test my code in a cloud environment. Along the way, I learned about browser extension development, Chrome extension APIs, and best practices for publishing and promoting browser extensions.

Additional Resources/Info

For more information about the Time Tracker Chrome Extension, please see the README.md file in the GitHub repository.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay