Pomofocus clone built with React, Redux, & Firebase [WIP]

Overview

Pomofocus Clone

Pomodoro Timer

Pomofocus is a customizable pomodoro timer that works on desktop & mobile browser. The aim of this app is to help you focus on any task you are working on, such as study, writing, or coding. This app is inspired by Pomodoro Technique which is a time management method developed by Francesco Cirillo.

Features

Responsive design that works with desktop and mobile
Color transition to switch moods between work time and rest time
Audio notification at the end of a timer period
Customizable timer intervals to suit your preference

Built With

React
Redux

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

NodeJS - v16.x
Yarn

Setup

git clone https://github.com/usmansbk/pomofocus.git
cd ./pomofocus

Install

yarn

Usage

yarn start

Build

yarn build

Run tests

yarn test

Authors

👤 Babakolo Usman Suleiman

GitHub: @usmansbk
LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Pomofocus

You might also like...

An i18n solution for React/Redux and React Native projects

redux-react-i18n An i18n solution with plural forms support for Redux/React Workers of all countries, unite! Supported languages list with expected co

64 Oct 19, 2022

Official React bindings for Redux

React Redux Official React bindings for Redux. Performant and flexible. Installation Using Create React App The recommended way to start new apps with

22.5k Jan 1, 2023

Ruthlessly simple bindings to keep react-router and redux in sync

Project Deprecated This project is no longer maintained. For your Redux - Router syncing needs with React Router 4+, please see one of these librari

7.9k Dec 30, 2022

Front-end of the movie application created with React.js and Redux

# Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run:

6 Aug 21, 2021

Recipe Catalogue is a React & Redux web app based on a catalog of recipes.

Recipe Catalogue is a React & Redux web app based on a catalog of recipes. It contains a browsable list of meals that you can filter by category or type and access to one meal recipe. The data is retrieved from [Meals DB (https://www.themealdb.com/api.php) and then stored in the Redux store.

13 Oct 19, 2022

The ultimate React SSR, Redux-powered example.

Comments

Count Down won't reset if pomodor time is the same as break time

// useCountdown.js

useEffect(() => { setTime(time); }, [time]);

If breaks.time === pomodoro.time, this count down won't reset. Just pass mode as a prop and use that instead.

opened by jt6677 0
Available as npm package?

Your Pomodoro timer is super helpful. Do you have any intention of making it available as an npm package?. It would be helpful for developers to integrate your timer into their projects.

opened by Nithur-M 0