Code Monkey home page Code Monkey logo

focus25's Introduction

Focus25 - Productivity Timer App

Focus25 is a productivity timer app designed to help you work efficiently and stay focused. It provides customizable work and rest periods, notification sounds, and note-taking features.

Features

Two Countdowns: The app offers two countdown timers One for focus time and the other for break time. You can easily switch between them to maintain a productive work-rest cycle.

Progress Circle Countdown: Visualize your progress with a cool circle progress countdown. The circle gradually fills up as you move closer to completing your focus or break session.

Customizable Time Settings: Easily adjust the time settings by manually entering the desired duration or using the provided buttons. Tailor the timer to your specific work and rest preferences.

Full Control Buttons: Take complete control of your timer with pause, start, skip, and reset buttons. Pause the timer when needed, start it again to resume, skip a session if necessary, or reset it to the default settings.

Focus Time Tracker: Keep track of your focus time throughout the day. The app provides a tracker to help you monitor and analyze how much time you have spent focusing on your tasks.

Multi-Language Support: The app supports multiple languages, allowing you to use it in your preferred language for a more personalized experience FR | AR | EN.

Note-Saving Capability: Save important notes within the app, ensuring you not forgetting crucial information while taking a break. Store and access your notes easily whenever needed.

Technologies Used

The app is built using React, SCSS

The design of the app is based on my Figma design, which you can find ere.

Check the App Here

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

focus25's People

Contributors

amminn 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.