π My Todo App/Task-Manager A full-featured, responsive, and offline-capable Todo App built with React, typescript, React Query, and Tailwind CSS. It includes advanced features like pagination, search/filtering, CRUD operations, error boundaries, and offline fallback.
π Live Demo π View deployed app
πΈ Screenshots | Todo List with Filter & Pagination
β Features π Todo Listing with pagination
π Search and Filter by title and status
π Create, Edit, Delete todos/task
π Detail View with back navigation
π Error Boundary and 404 handling
πΆ Offline fallback using IndexedDB (Dexie)
βΏ Accessible with ARIA labels and keyboard support
π± Responsive UI styled with Tailwind CSS
βοΈ Clean and maintainable code structure
π§βπ» Tech Stack React 18+
React Router DOM
React Query (@tanstack/react-query)
Tailwind CSS (utility-first styling)
Axios
Vite (fast dev/build)
Shadcn UI / custom components
π¦ Project Structure src/ βββ api/ # API logic (fetch, create, update, delete) βββ components/ # Shared UI (buttons, cards, etc.) βββ features/ β βββ pages/ # TodoList, TodoDetail, NotFound, TestError βββ lib/ # IndexedDB config (Dexie) βββ routes/ # AppRoutes setup with React Router βββ App.tsx βββ main.tsx