Task Management Web App

Simple full-stack task management application built with ASP.NET Core Web API and vanilla frontend (HTML, CSS, JavaScript, Bootstrap).
This project demonstrates basic CRUD operations, REST API integration, and frontend-backend communication.

---

Tech Stack

Backend

• ASP.NET Core Web API
• Entity Framework Core
• MySQL
• Swagger (OpenAPI)

Frontend

• HTML5
• CSS3
• JavaScript (Fetch API)
• Bootstrap 5

---

Features

• View list of tasks
• Add new tasks
• Task status handling (Pending)
• RESTful API
• Database migration using Entity Framework
• Swagger API documentation

---

Project Structure

TaskApi/ ├── Controllers/ │ └── TasksController.cs ├── Models/ │ └── TaskItem.cs ├── Data/ │ └── AppDbContext.cs ├── Migrations/ ├── Program.cs ├── appsettings.json └── TaskApi.csproj

Frontend files are served separately (static HTML + JS).

---

API Endpoints

Method	Endpoint	Description
GET	/api/Tasks	Get all tasks
POST	/api/Tasks	Create new task

---

Example Request (POST)

{
  "title": "Learn ASP.NET Core",
  "description": "Build simple Web API project",
  "status": "Pending"
}

---

Database Setup

1. Create MySQL database:

CREATE DATABASE taskdb;

2. Update connection string in appsettings.json

3. Run migrations:

dotnet ef database update

---

Running the Project

Backend

dotnet run

API will run on:

http://localhost:5063

Swagger UI:

http://localhost:5063/swagger

Frontend

Open index.html using Live Server or browser.

---

Notes

• CORS is enabled to allow frontend requests

• Title is required; if empty, frontend assigns default title

• Designed as a learning project for full-stack fundamentals

Author

Joaquin Yasser Fahd Lerapatty Student | Aspiring Full-Stack Developer