<ul data-eligibleForWebStory="true"><li>Mada TodoList is a sleek, fast, and responsive task management web application.</li><li>Built with Next.js 15, Redux Toolkit, and Tailwind CSS.</li><li>Features include task addition, editing, deletion, task completion toggling, and filtering.</li><li>Offers light/dark theme toggle with persistent storage in localStorage.</li><li>Fully responsive layout with client-side logic and hydration-safe approach.</li><li>Tech stack includes Next.js 15 with App Router, Redux Toolkit, and Tailwind CSS.</li><li>Challenges faced involved localStorage access during SSR and flash of wrong theme on reload.</li><li>Learnings included clean separation with Redux slices, dark mode theming, and SSR-safe localStorage access.</li><li>Possible extensions for the app include drag-and-drop reordering, backend sync, and authentication.</li><li>GitHub link for the app: https://github.com/jayash101/MADA-Todo-App</li><li>Final thoughts emphasize the learning opportunities presented by small apps like this.</li><li>Author invites exploration, forking, and contributions.</li><li>Appropriate for diving deep into state management, SSR compatibility, and responsive design challenges.</li></ul>

🚀 Building Mada TodoList with Next.js 15, Redux Toolkit & Tailwind CSS

Discover more