Todo App

Todo is a task management app to help you stay organized and manage your day-to-day.

hosted here

Motivation

I created this project when I started learning Javascript library called Reactjs to grasp the concept of react library.

Technology

• Built with -> Reactjs
• Editor used -> vscode , codesandbox
• Hosting -> netlify

Features

• Whenever any task is created it shows time of creation and when it is marked done it updates the time accordingly.
• Multiple themes available.
• Save the mode of theme you were using last time.
• Used local storage of your browser to save todos every time you revisit your app.
• Different tabs for All, Completed, Active Tasks.
• Delete button to clear all task from the app.

How I created this project

• I have used useState and useEffect to manage the data across the components in Reactjs.
• Used JSON format data to manage todos.
• For multiple themes css variables were helpful.
• Different tabs are created using Router.
• Themes
  1. #fda7df #6f1e51
  2. #ffdd59 #ffa801
  3. #2f3640 #c8d6e5

Credits

Colors from - https://flatuicolors.com/
Learned the concepts of reactjs from this channel Codevolution.
Readme inspired by Akash Nimare.

License

MIT