React To-Do App

✨ A quick way to organize your tasks. Don't worry, we don't save them. Everything is in your local storage.

📋 Description

To-Do App with React JS, TypeScript and Tailwind CSS.

• User can create a new task.
• Task can be marked as completed and/or important.
• Task can be edited and deleted.
• Shows the time that has passed since the task was created.
• Completed tasks are displayed to the user as a progress bar.
• Sort by newest or oldest.
• Filter tasks by completed, uncompleted and important.
• Tasks are saved in local storage.

🔩 Tools

• React JS
• TypeScript
• Tailwind CSS
• Zustand
• Framer Motion
• ESLint + Prettier

🧪 Possible improvements

• Show more information such as the date of creation, modification, category or tags.
• Allow user to configure theme (light/dark), font size and family.
• Export and import JSON file as a backup.
• Recover deleted tasks from a Recycle Bin.

🪄 Test

• Live demo: https://react-todoapp-ts.netlify.app/
• Or run app locally

git clone https://github.com/kypexfly/todo-app-ts.git
cd todo-app-ts
npm install
npm run dev