React Todo App

Version 2 using Redux

 

This is a simple Todo app for learning React basics.

Component Structure

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

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