Todo List App
Summary
It works offline (PWA) and allows to add, re-order, mark as completed, and delete todos persisted with localStorage.
PWANext.jsTailwindcsslocalStorage
View Live
Gallery
Project Details
This is a todo list app built with Next.js, TypeScript, Tailwind CSS and next-pwa library. The app is fully responsive, can be installed on any device and works offline (PWA). The user can add, drag to re-order with mouse, mark as completed, and delete todos. The todos are persisted with localStorage.
This project was my first attempt at building a PWA. It helped me learn how to build a PWA with Next.js and how to persist data with localStorage. I also learned to implement drag and drop functionality.
