https://github.com/quynhnle135/simple-express-to-do-list-app

To Do List App built with Express.js
https://github.com/quynhnle135/simple-express-to-do-list-app

express-js html-css-javascript todo-app

Last synced: about 1 month ago
JSON representation

To Do List App built with Express.js

• Host: GitHub
• URL: https://github.com/quynhnle135/simple-express-to-do-list-app
• Owner: quynhnle135
• Created: 2024-04-08T19:14:40.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-16T13:59:32.000Z (10 months ago)
• Last Synced: 2024-11-05T11:10:24.326Z (3 months ago)
• Topics: express-js, html-css-javascript, todo-app
• Language: JavaScript
• Homepage:
• Size: 252 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Simple To Do List App with Express.js

This project is a simple To Do List application built with Express.js for the backend and plain JavaScript, HTML, and CSS for the frontend. It allows users to create, view, update, and delete tasks. The application serves as a basic example of how to integrate a frontend with a backend using an API.




## Technology Stack

- Backend: Node.js, Express.js

- Frontend: HTML, CSS, JavaScript

- Middleware: body-parser, serve-static




## Set Up

To run this project, follow these steps:

1. Clone the repository

```bash

git clone https://github.com/quynhnle135/simple-express-to-do-list-app.git

cd simple-express-to-do-list-app

```

2. Install the necessary packages:

```bash

npm install

```

3. Start the server:

```bash

npm start

```

This will start the server on http://localhost:3000. The API endpoints will be available at http://localhost:3000/tasks.




## API Endpoints

The server defines the following REST API endpoints:

- GET /tasks: Retrieve all tasks.

- GET /tasks/:id: Retrieve a task by its ID.

- POST /tasks: Create a new task.

- PUT /tasks/:id: Update a task by its ID.

- DELETE /tasks/:id: Delete a task by its ID.




## Screenshots

Before adding tasks:

![before](screenshots/before_adding_tasks.png)

After adding tasks:

![after](screenshots/after_adding_tasks.png)

Completed some tasks:

![completed](screenshots/completed_some_tasks.png)