A to-do web application based on Express.js (backend) and Svelte (frontend). Named after The Bear's character Sydney Adamu!
20240728_1800_chrome.mp4
-
Backend API (Express)
- Create to-do item (POST /todos)
- Get all to-do items (GET /todos)
- Get specific to-do item (GET /todos/:id)
- Update to-do item
- Update to-do name (PATCH /todos/name/:id)
- Switch to-do completed status (PATCH /todos/completed/:id)
- Delete to-do item (DELETE /todos/:id)
-
Frontend (Svelte)
- Show list of to-do items
- Handle toggling completed status for each item
- Handle adding to-do item
- Handle deleting to-do item
- Handle renaming to-do item
- Strike-through for finished items
- Proper CSS for to-do list
- Node.js
- npm
- Assuming you have cloned the repository...
- Install dependencies for both backend and frontend.
cd adamu/backend
npm installcd adamu/frontend
npm install- These next two steps have to be done at the same time - keep both backend and frontend running synchronously
- Start the backend server:
cd adamu/backend
node app.js- Start the frontend server
cd adamu/frontend
npm run dev- Open browser and navigate to the localhost link shown on the shell after starting the frontend server (example: http://localhost:5173/)
- Frontend: Mobile sizing support/media query
- kevmodrome for his Notification Toast code