A full-stack TODO list application built with an Angular frontend and a .NET Core Web API backend. This app allows users to add, update, and delete tasks, with data management handled through a RESTful API.
TodoApp/
: Angular frontend applicationTodoApi/
: .NET Core Web API backend
- CRUD Operations: Add, update, delete, and view tasks.
- Angular Frontend: User-friendly UI built using Angular and Angular Bootstrap.
- .NET Core API: RESTful API backend built with .NET Core.
- .NET Core SDK
- Node.js (for Angular frontend)
- Angular CLI (optional, for frontend development)
git clone https://github.com/hanmyohtwe/todo-list-app-for-johnslyng.git
cd todo-list-app-for-johnslyng\code tests
Navigate to the backend project directory:
cd TodoApi
Restore dependencies and run the project:
dotnet restore
dotnet run
The API should be available at http://localhost:5000
(port may vary, please update the correct API_URL in todo.service.ts).
Navigate to the Angular project directory:
cd ../TodoApp
Install dependencies and start the Angular app:
npm install
ng serve
The frontend should be available at http://localhost:4200
.
- Visit
http://localhost:4200
in your browser to view and use the TODO list application. - Add new tasks using the input field and button or type and press Enter.
- Delete tasks by clicking the "Delete" button next to each item.
- Click the checkbox for completed tasks.
- Frontend: Angular v18, Angular Bootstrap
- Backend: .NET Core v8 Web API
- Database: In-memory storage (for testing)
This project is licensed under the MIT License.