Full Stack Java Project

@SpringBootApplication
public class FullStackApp {
}

// ===============================
// 1. BACKEND (Spring Boot)
// ===============================

@RestController
@RequestMapping("/api/employees")
class EmployeeController {

  @GetMapping
  public List<String> getEmployees() {
    return List.of("Sai", "Ravi", "Kiran");
  }

  @PostMapping
  public String addEmployee(@RequestBody String name) {
    return "Employee added: " + name;
  }
}


// Service Layer
@Service
class EmployeeService {

  public List<String> getAll() {
    return List.of("Sai", "Ravi", "Kiran");
  }
}


// ===============================
// 2. FRONTEND (Angular)
// ===============================

// employee.service.ts
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class EmployeeService {

  constructor(private http: HttpClient) {}

  getEmployees() {
    return this.http.get('http://localhost:8080/api/employees');
  }

  addEmployee(name: string) {
    return this.http.post('http://localhost:8080/api/employees', name);
  }
}


// employee.component.ts
import { Component } from '@angular/core';
import { EmployeeService } from './employee.service';

@Component({
  selector: 'app-employee',
  templateUrl: './employee.component.html'
})
export class EmployeeComponent {

  employees: any[] = [];

  constructor(private service: EmployeeService) {}

  loadEmployees() {
    this.service.getEmployees().subscribe(data => {
      this.employees = data as any[];
    });
  }
}


// ===============================
// 3. DATABASE (MySQL)
// ===============================
/*
CREATE TABLE employee (
  id INT PRIMARY KEY AUTO_INCREMENT,
  name VARCHAR(100)
);
*/


// ===============================
// 4. application.properties
// ===============================
spring.datasource.url=jdbc:mysql://localhost:3306/fullstack_db
spring.datasource.username=root
spring.datasource.password=root
spring.jpa.hibernate.ddl-auto=update


// Output:
// Angular UI -> Spring Boot API -> MySQL Database

• 1 Frontend + Backend + Database integration.
• 2 Spring Boot handles backend APIs.
• 3 Angular handles UI.
• 4 MySQL stores data.

• 1 User interacts with Angular UI.
• 2 Angular sends API request.
• 3 Spring Boot processes request.
• 4 Database returns response.

• 1 Spring Boot (Backend)
• 2 Angular (Frontend)
• 3 MySQL (Database)
• 4 REST API

• 1 Industry-ready skill development.
• 2 End-to-end application understanding.
• 3 Real-world deployment experience.
• 4 Interview preparation project.