Todo app
Solution for a challenge from frontendmentor.io.
🚀 Technologies used:
- Context API
- Responsive Design
- Local Storage
- React-Beautiful-dnd
📄 About The Project
The classic todo app with a few twists! This app includes a dark/light theme toggle and drag & drop reordering for anyone wanting an extra test.
😀 User Can:
- View the optimal layout for the app depending on their device's screen size
- Add new todos to the list
- Mark todos as complete
- Delete todos from the list
- Filter by all/active/complete todos
- Clear all completed todos
- Toggle light and dark mode
- Drag and drop to reorder items on the list
- Undo and Redo
🎓 What I learned:
I wanted to practice concepts I've recently learned from the Frontend Masters State Management in Pure React. Specifically, "Undo/Redo" functionality. Also I decided to use Styled Components to practice using props.
Acknowledgments
A big thank you to anyone providing feedback on my solution. It definitely helps to find new ways to code and find easier solutions!