Productivity App to Track your Time Efficiently.

Live Demo Link

📌 Introduction

Productivity-app is a web application inspired by 100 Blocks a Day by Tim urban. We get 24 hours each day which is 144 ten-minute blocks.It’s always good to step back and think about how we’re using those 144 blocks we get each day.You’d have to think about everything you might spend your time doing in the context of its worth in blocks. Cooking dinner requires three blocks, while ordering in requires zero—is cooking dinner worth three blocks to you? Is 10 minutes of meditation a day important enough to dedicate a block to it?

💻 Technology Stack/Tools

• React
• Redux
• Firebase
• react-selecto
• Material UI

🎯 Features

• Google Authentication with Firebase.
• CR*D Tasks with corresponding Blocks of time.
• Save Your Current state to the Firebase.

How to Use this?

1)Type in your task in the input Field.

2) Select any color from the Dropdown.

Now Select Blocks on the left with the correct time-stamp tooltip.

1 Block = 10 minutes

Now Click on add Task

Before

After

Installation 🔧

1. Clone this repository using Git.
2. Go to the root folder

$ cd productivity-app

3. Install dependencies

$ npm install

4. Run Project

$ npm start

Runs the app in the development mode.\

Open http://localhost:3000 to view it in the browser.