Todo list is a list of tasks you need to complete or things that you want to do. This app includes a dark/light theme toggle and drag & drop reordering for anyone wanting an extra test.
- Dynamic re-rendering without a framework
- Adding dynamic event listeners
- How to use localStorage to persist website data
- Advanced JavaScript array methods
- Code organization best practices
- A user can click on the "+" icon to add a new todo
- Filtering functionality is implemented and allows the user to see All, Complete or Active tasks in the list.
- View the optimal layout for the app depending on their device's screen size.
- See hover states for all interactive elements on the page.
- Toggle light and dark mode
- Drag and drop to reorder items on the list.