umeshjain1999 / Todolist

Todo app using ReactJS

Home Page:https://reactjs-todo-list-yo.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Todo App

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

Motivation

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

Technology

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

About

Todo app using ReactJS

https://reactjs-todo-list-yo.netlify.app/

License:MIT License


Languages

Language:JavaScript 53.7%Language:CSS 41.7%Language:HTML 4.6%