Todo App build with JSX | REACT | VITE | DND-KIT - MikDra1

Solution retrospective
💻 Hello, Frontend Mentor Community,
This is my solution for the Todo App.
- Scored 98,5% on Google Pagespeed Insights! 🚀
- Solution with 100% W3C validation accuracy 🌟
- 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
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Todo List is saved in the browser so it persists through reloads.
- Light Theme / Dark Theme setting is saved in the browser so it persists through reloads.
🛠️ Built with:
- HTML ✨
- CSS 🎨
- JavaScript 🧾
- React ⚛️
- Vite.js 💡
- Context API 🛒
- Styled-Components 💅
-
Fully responsive design crafted with a desktop-first approach 💻
-
Enjoyed every moment coding this! 😎
-
Feedback is always welcome—let’s grow together! 🌱
-
Completed 12 out of 14 Intermediate Challenges so far—keeping up the momentum! 🔥
-
👨💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.
-
As I am developing in my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on MikDra1's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord