An open API service indexing awesome lists of open source software.

https://github.com/kavindusenesh/task-manager-angular

A full-stack Task Management System built with Spring Boot for the backend and Angular for the frontend with JWT authentication for security
https://github.com/kavindusenesh/task-manager-angular

angular css jwt-authentication spring-boot typescript

Last synced: 3 months ago
JSON representation

A full-stack Task Management System built with Spring Boot for the backend and Angular for the frontend with JWT authentication for security

Awesome Lists containing this project

README

          

# ✅ Task Manager

A simple yet secure **Task Manager** application built with **Spring Boot (Java)** for the backend and **Angular** for the frontend. The app supports **JWT-based login and registration** and allows users to **create, view, update, and delete** tasks.

---

## 🚀 Features

- 🔐 JWT Authentication (Login & Register)
- 📋 Create, Read, Update, Delete (CRUD) for tasks
- 🧑‍💻 Secure endpoints for authenticated users
- ⚡ Fast and responsive Angular frontend
- 🧩 RESTful API with Spring Boot backend

---

## 🛠️ Tech Stack

### Frontend
- Angular
- TypeScript
- RxJS
- Bootstrap / Angular Material (if used)

### Backend
- Spring Boot
- Spring Security (with JWT)
- Spring Data JPA
- MySQL / H2 Database
- Maven

---
## 🔐 Login Page
![Login Screenshot](assets/log.png)

## 🔐 Register Page
![Register Screenshot](assets/reg.png)

## 📋 Task Form
![Form Screenshot](assets/form.png)

## 📋 Task list
![List Screenshot](assets/list.png)

## 📦 Installation

### 1. Clone the Repository
```bash
git clone https://github.com/KavinduSenesh/Task-Manager.git
cd Task-Manager
```
⚙️ Backend Setup (Spring Boot)
```
cd backend
````
Configure .properties or .yml with your DB and JWT secret:
```
spring.datasource.url=jdbc:mysql://localhost:3306/taskdb
spring.datasource.username=your_db_user
spring.datasource.password=your_db_password

jwt.secret=your_jwt_secret
```
Run the backend
```
./mvnw spring-boot:run
```
🌐 Frontend Setup ( Angular )
Navigate to the Angular frontend folder
```
bash
Copy code
cd frontend
```
Install dependencies and run the app
```
bash
Copy code
npm install
ng serve