React Todo App

Version 1

 

This is a simple Todo app for learning React basics.

Component Structure

• TodoApp
  • TodoForm - Used for inserting a new todo item
  • TodoList
    • Todo - All the items are saved as single Todo component

Features

• Add a new Todo item
• Show the new todo added in TodoList
• Toggle single Todo status as completed or not completed
• Toggle all Todo status as completed or not completed
• Delete a Todo
• View either All, Completed or active Todo items only
• Remove all completed Todo from list
• View how many Todo are left in the list
• Fade display of a completed todo
• Edit a todo