Challenge performed with React and CSS3.

This list starts with some sample item choices. You can delete items if you want!

"To-do" options "X" = You can only delete an item if it has been marked complete. "Clear Completed" = If the item is marked complete, you can use this option to remove it. "Completed" = You can use this option to filter items marked as complete. "Active" = You can use this option to filter out items that have not been completed. "All" = This option provisionally "persists" all items, that is, this option will show all items. If you refresh your browser, all options added will be lost, leaving only the default options.

I don't know if it was meant to be done that way, if you find any flaws, please post them in the comments.