Coder Social home page Coder Social logo

pomodoro's Introduction

Pomodoro Timer ๐Ÿ•ฐ๏ธ

A simple and minimalistic pomodoro timer web application that helps to boost productivity by using the pomodoro technique.

Functionalities โš™๏ธ

  • Set custom work and break times
  • Display a progress bar to show how much time is left in current session
  • Sound notifications to indicate the start and end of a session
  • Dark mode toggle switch to switch between light and dark mode
  • Random motivational quote displayed at the start of every session
  • Automatically change quote after every 10 sec
  • Fully responsive design for mobile and tablet devices

Live Demo ๐Ÿ’ป

https://anmol2059.github.io/pomodoro

Screenshots ๐Ÿ“ท

Screenshot of pomodoro timer in dark mode Screenshot of pomodoro timer in light mode

How to use ๐Ÿ› ๏ธ

  1. Open the above link in your browser.
  2. Set your preferred work and break times.
  3. Press the start button to begin the timer.
  4. Press the stop button to pause the timer.
  5. Press the reset button to reset the timer.
  6. Use the dark mode toggle switch to switch between light and dark mode.
  7. A motivational quote will be displayed at the start of every session.
  8. Automatically change quote after every 10 sec

Technologies used ๐Ÿ”จ

  • HTML
  • CSS
  • JavaScript
  • Google Fonts

Contribute ๐Ÿค

If you want to contribute to this project, please fork this repository and make the changes in your fork. Then, open a pull request to this repository with your changes.

pomodoro's People

Contributors

anmol2059 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.