sharmadhiraj / streaky-todo

React ToDo app with streak tracking for daily or weekly goals.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Streaky ToDo

Streaky ToDo is a React app designed to help you manage your daily or weekly goals while tracking your streaks.

Features

  • Create ToDo items with daily or weekly goals.
  • Specify weekdays for daily goals or a count for weekly goals.
  • Track completion for each day.
  • Calculate current and longest streaks based on weekly count or tracking days.
  • Mark ToDo items as ongoing or completed.

Note

  • A streak is not considered over until the day is finished (for daily goals) or until the week is over (for weekly goals).
  • Users can backtrack to update any day, and the streak will adjust accordingly.

Demo

Demo Gif

Setup Guide

Follow these steps to set up the Streaky ToDo app on your local machine:

  1. Clone the repository:

    git clone https://github.com/sharmadhiraj/streaky-todo.git
  2. Navigate to the project directory:

    cd streaky-todo
  3. Install dependencies:

    npm install
  4. Run the app:

    npm start

    The app will be accessible at http://localhost:3000.

Run Tests

To run the tests, use the following command:

npm test

Possible Improvements

  • UI enhancements
  • Storage mechanism upgrade (currently uses local storage)
  • Add further tests (Unit & UI)
  • Feature to set the start date as the current date (currently, the created date is considered as the start date)

I am actively working on improvements, and any feedback is highly welcomed.

About

React ToDo app with streak tracking for daily or weekly goals.


Languages

Language:TypeScript 80.1%Language:CSS 14.0%Language:HTML 5.9%