A super UI/UX To-Do List with instant interactions, filtering/search, task details (notes, due date, priority), and optional persistence via a small Express API.
- Add tasks with: title, notes, due date, priority
- Mark complete / undo
- Edit tasks (inline modal)
- Delete tasks
- Filters: All / Active / Completed
- Search by title
- Sort by: Created (newest), Due date, Priority
- Persists tasks via Express API (
/api/tasks) and local optimistic updates
- JavaScript
- DOM & Events
- Arrays & Functions
- Fetch API / JSON
- Node.js
- Express.js
- Install dependencies:
npm install
- Start server:
npm start
- Open:
This project is a full Node/Express app (static UI from public/ + API under /api/*).
- Push this repo to GitHub.
- In Vercel: New Project → select this repo → framework should detect Node.js.
- Make sure the server entry runs
server.js. - Set Build Command:
npm install(or leave Vercel defaults) - Set Output Directory: leave blank.
- Set Environment variable (optional):
PORT.
- If Vercel won’t run Express easily, deploy only
public/as a static site and switchAPI_BASEto an empty string and remove API calls (not needed in this repo).
GET /api/tasksPOST /api/tasksPATCH /api/tasks/:idDELETE /api/tasks/:id