/APNA-TIME

Todo List with all functionality and minimal ui

Primary LanguageTypeScript

📅 Apna Samay (To-Do List)

To-do list website made with React JS, Tailwind CSS, Redux Toolkit and more.

Home page

Description

  • Applied to organize your tasks with the following data: title, description, date, mark as complete and mark as important.
  • Tasks are organized into routes: today's tasks, important tasks, incomplete, complete, all tasks and tasks by directory (folder). Directories and tasks can be edited or deleted. In addition, there is a main directory called "Main" which cannot be edited or deleted.
  • The list of tasks can be displayed first in: nearest, furthest, complete or incomplete.
  • You can search for any tasks in the search field.
  • Today's tasks are shown in the user section and notifications.
  • Tasks, directories, and darkmode data are saved to localStorage.

Aim of the project

The project mainly aimed to put into practice knowledge of Tailwind, Redux Toolkit and React Js.

Tools used

  • React JS
  • Tailwind CSS
  • Redux Toolkit
  • React Router DOM
  • HTML

Run The App

You can access the project here: https://mera-time.vercel.app/

Or run on your machine:

git clone https://github.com/anupam6335/APNA-TIME
cd APNA-TIME
npm install
npm start

Comments

  • Tasks, directories and darkmode data are saved in your browser's localStorage. You can click "delete all data" button to remove them from localStorage.
  • For demonstration purposes, the application has a default list of 3 tasks and 1 directory called "Main".