A minimalist full-stack web application built to demonstrate the fundamental interaction between a frontend, a backend API, and a database. This project provides a complete CRUD (Create, Read, Update, Delete) experience for managing tasks.
- Create: Add new tasks to the list.
- Read: View all existing tasks on page load.
- Update: Mark tasks as complete or incomplete.
- Delete: Remove tasks from the list.
- Frontend: Vanilla HTML, CSS, and JavaScript
- Backend: Node.js with Express.js
- Database: SQLite
To run this project locally, follow these steps:
-
Clone the repository:
git clone <your-repository-url>
-
Navigate to the project directory:
cd <project-folder>
-
Install backend dependencies:
npm install
-
Start the backend server:
node server.js
The server will start on
http://localhost:8080. -
Open the frontend: Open the
index.htmlfile in your web browser.
The backend provides the following RESTful API endpoints:
| Method | Endpoint | Description |
|---|---|---|
GET |
/tasks |
Fetches all tasks. |
POST |
/tasks |
Creates a new task. |
PUT |
/tasks/:id |
Updates a specific task. |
DELETE |
/tasks/:id |
Deletes a specific task. |