adamu
A to-do web application based on Express.js (backend) and Svelte (frontend). Named after The Bear's character Sydney Adamu!
Preview
https://github.com/user-attachments/assets/d6438bc9-39fa-42d4-ab6f-24425a2c23e1
Features
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
Set-up
Preqrequisites
Installation
- Assuming you have cloned the repository...
- Install dependencies for both backend and frontend.
cd adamu/backend
npm install
cd adamu/frontend
npm install
Running
- 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/)
To-do
Credits