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

• Node.js
• npm

Installation

0. Assuming you have cloned the repository...
1. Install dependencies for both backend and frontend.

cd adamu/backend
npm install

cd adamu/frontend
npm install

Running

0. These next two steps have to be done at the same time - keep both backend and frontend running synchronously
1. Start the backend server:

cd adamu/backend
node app.js

2. Start the frontend server

cd adamu/frontend
npm run dev

3. Open browser and navigate to the localhost link shown on the shell after starting the frontend server (example: http://localhost:5173/)

To-do

• Frontend: Mobile sizing support/media query

Credits

• kevmodrome for his Notification Toast code