List of features

• In the home page, you can start by adding your name and then press the enter key which will route you to the task page. If you refresh the home page you will see a different soothing background image.

Task Page

• In the task page, you can add your main/focus task of the day, once you complete the task you can eihter check it or clear it to create a new task. There is a beautiful ToDo at the bottom right of the page that let's you add todos. When the dat changes the main task will be deleted but the todo will still be there.

Tech Stack

• HTML/CSS
• ReactJs

todo:

• Add Extension to Firefox

Run Locally

Clone the project by adding the following command in the terminal. Make sure your have git installed and added to path.

  git clone <repo>

Go to the project directory

  cd into <repo>

Install dependencies

  npm install

Start the server

  npm start

Demo

Screenshot

Personal Notes

Without package.lock.json, there might be some differences in installed versions in different environments. To overcome this problem, package.lock.json is created to have the same results in every environment. It should be in source control with the package.json file because if any other user will clone the project and install dependencies then it will install the exact same dependencies as in package.lock.json to avoid differences.