adamu Svelte Themes

Adamu

A to-do web application based on Express.js and Svelte.

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

  1. Assuming you have cloned the repository...
  2. Install dependencies for both backend and frontend.
cd adamu/backend
npm install
cd adamu/frontend
npm install

Running

  1. These next two steps have to be done at the same time - keep both backend and frontend running synchronously
  2. Start the backend server:
cd adamu/backend
node app.js
  1. Start the frontend server
cd adamu/frontend
npm run dev
  1. 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

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes