Capstone: Todo App

Part of the React course

Every lesson so far handed you one idea at a time with a small example around it. Real apps are not like that. In a real app the state, the list rendering, the form, the persistence and the URLs all have to exist in the same codebase at once, and the hard part is not any single piece but deciding where each one goes.

So this lesson is about putting it together. You will build a complete, working todo app: add items, tick them off, delete them, and have the list still be there after a page reload. It also has a second page at /about, so you get a real URL to navigate to. Nothing here is a new concept. Everything is something you have already seen, arranged the way it is arranged in working software.