RoleXxParker

 HOme Page <div class="main-container" style="max-width: 600px; margin: 50px auto; padding: 30px; background: #f4f6f8; border-radius: 10px; font-family: 'Segoe UI', sans-serif; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); text-align: center;">   <div class="top-row">     <h1 style="color: #2c3e50; font-size: 28px; margin-bottom: 20px;">Online Restaurant Management System</h1>   </div>   <hr class="divider" style="border: none; border-top: 2px solid #ccc; margin: 20px 0;" />   <div class="button-box" style="display: flex; flex-direction: column; gap: 20px; align-items: center;">     <a routerLink="/add" class="menu-button add" style="text-decoration: none; background: #27ae60; color: white; padding: 12px 25px; border-radius: 6px; font-size: 16px; font-weight: bold; box-shadow: 0 3px 6px rgba(0,0,0,0.1);">ADD MENU</a>   ...

 .maain-container {   max-width: 600px;   margin: 40px auto;   background-color: #fdfdfd;   padding: 30px;   border-radius: 8px;   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);   font-family: Arial, sans-serif; } .maain-container h2 {   text-align: center;   color: #333;   margin-bottom: 25px; } .maain-container form {   display: flex;   flex-direction: column; } .maain-container label {   margin-bottom: 5px;   font-weight: bold;   color: #555; } .maain-container input, .maain-container textarea, .maain-container select {   margin-bottom: 15px;   padding: 10px;   font-size: 14px;   border-radius: 5px;   border: 1px solid #ccc;   width: 100%;   box-sizing: border-box; } .maain-container button {   padding: 10px 20px;   font-size: 14px;   border: none;   border-radius: 5px;   background-color: #007bff;   color: white;   font-weight: bold;   ...

 .foorm-container {   max-width: 600px;   margin: auto;   background-color: #ffffff;   padding: 25px 30px;   border-radius: 10px;   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);   font-family: Arial, sans-serif; } .foorm-container h2 {   text-align: center;   margin-bottom: 20px;   color: #2c3e50; } .foorm-container form {   display: flex;   flex-direction: column; } .foorm-container label {   font-weight: bold;   margin-bottom: 5px;   color: #444; } .foorm-container input, .foorm-container textarea, .foorm-container select {   padding: 10px;   font-size: 14px;   margin-bottom: 15px;   border-radius: 5px;   border: 1px solid #ccc;   width: 100%; } .foorm-container button {   padding: 10px 20px;   font-size: 14px;   margin-right: 10px;   border: none;   border-radius: 5px;   font-weight: bold;   cursor: pointer;   transition: 0.3s ease; } .foo...

 body {   font-family: Arial, sans-serif;   background-color: #f2f2f2;   padding: 20px; } .main-container {   max-width: 600px;   margin: auto;   background-color: #fff;   padding: 30px;   border-radius: 10px;   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .top-row h1 {   text-align: center;   font-size: 24px;   color: #2c3e50;   margin-bottom: 10px; } hr {   margin: 20px 0;   border: none;   border-top: 2px solid #ccc; } .form-container h2 {   text-align: center;   color: #333;   margin-bottom: 20px; } label {   font-weight: bold;   display: block;   margin-bottom: 5px;   color: #444; } input, textarea, select {   width: 100%;   padding: 10px;   font-size: 14px;   border-radius: 4px;   border: 1px solid #ccc;   margin-bottom: 15px; } button {   padding: 10px 20px;   font-weight: bold;   font-size: 14px;   border: none;...

 body {   font-family: Arial, sans-serif;   background-color: #f4f4f4;   padding: 20px; } .main-container {   max-width: 600px;   margin: auto;   background-color: #ffffff;   padding: 25px;   border-radius: 8px;   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .form-title {   text-align: center;   margin-bottom: 20px;   color: #333;   font-size: 22px; } form {   display: flex;   flex-direction: column; } label {   margin-bottom: 5px;   font-weight: bold;   color: #444; } input, textarea, select {   margin-bottom: 15px;   padding: 8px;   border: 1px solid #ccc;   border-radius: 4px;   font-size: 14px; } button {   background-color: #007bff;   color: white;   border: none;   padding: 10px;   border-radius: 4px;   cursor: pointer;   font-weight: bold;   font-size: 15px; } button:hover {   opacity: 0.9; } a {   margin-top: 10p...

 /* Base Styles */ body {   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   background: linear-gradient(to right, #f9f9f9, #ffffff);   color: #333;   padding: 20px; } /* Main Container */ .main-container {   max-width: 1000px;   margin: 30px auto;   background: #fff;   padding: 30px;   border-radius: 12px;   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } /* Header */ .top-row {   text-align: center;   margin-bottom: 20px; } .main-title {   font-size: 26px;   color: #2c3e50;   letter-spacing: 1px; } /* Divider */ .divider {   border: none;   border-top: 2px solid #ddd;   margin: 20px 0; } /* Form Container */ .form-container {   margin-top: 20px; } .form-title {   font-size: 22px;   margin-bottom: 20px;   color: #34495e;   text-align: center; } .sub-heading {   margin-top: 30px;   margin-bottom: 10px;   font-size: 18px;   color: #2d343...

 /* Reset & Base */ * {   margin: 0;   padding: 0;   box-sizing: border-box; } body {   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   background: linear-gradient(to right, #eef2f3, #ffffff);   color: #333;   padding: 20px; } /* Main Container */ .main-container {   max-width: 700px;   margin: auto;   background-color: #fff;   padding: 30px 40px;   border-radius: 12px;   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); } /* Header */ .top-row {   text-align: center;   margin-bottom: 20px; } .top-row h1 {   font-size: 26px;   color: #2c3e50;   letter-spacing: 1px; } /* Divider */ .divider {   border: none;   border-top: 2px solid #ddd;   margin: 20px 0; } /* Button Box */ .button-box {   display: flex;   flex-direction: column;   align-items: center;   gap: 20px;   margin-bottom: 30px; } .menu-button {   text-decoration: none;   p...

 button {   padding: 10px 20px;   border: none;   border-radius: 5px;   cursor: pointer;   font-weight: bold;   font-size: 16px;   transition: all 0.3s ease;   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } button:hover {   opacity: 0.9;   transform: translateY(-2px); } /* First button: Submit */ button:first-child {   background-color: #ffc107;   color: black;   border: 1px solid #e0a800; } /* Last button: Reset */ button:last-child {   background-color: #dc3545;   color: white;   border: 1px solid #c82333; } /* Logo image style */ .logo-img {   width: 60px;   height: 60px;   object-fit: contain;   border-radius: 10px;   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);   transition: transform 0.3s ease; } .logo-img:hover {   transform: scale(1.05); }

 body {   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   background: linear-gradient(to right, #fdfbfb, #ebedee);   margin: 0;   padding: 0; } /* Main Container */ .main-container {   display: flex;   flex-direction: column;   height: 100vh; } /* Top Header */ .top-row {   background-color: #2c3e50;   padding: 20px;   text-align: center;   color: white;   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); } .top-row h1 {   font-size: 28px;   letter-spacing: 1px; } /* Divider */ .divider {   margin: 0;   border: none;   border-top: 2px solid #ccc; } /* Button Section */ .button-box {   flex: 1;   display: flex;   justify-content: center;   align-items: center;   gap: 40px;   background-color: #ffffff;   padding: 40px 20px; } .menu-button {   padding: 15px 30px;   font-size: 18px;   text-decoration: none;   border-radius: 8px;   tr...

 /* Global Reset */ * {   margin: 0;   padding: 0;   box-sizing: border-box; } body {   font-family: Arial, sans-serif;   background-color: #f9f9f9;   color: #333; } /* Main Container */ .main-container {   width: 100%;   max-width: 700px;   margin: 40px auto;   padding: 20px;   background-color: #ffffff;   box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);   border-radius: 10px; } /* Title Section */ .top-row h1 {   text-align: center;   font-size: 24px;   margin-bottom: 10px; } /* Divider */ .divider {   border: none;   border-top: 2px solid #ccc;   margin: 10px 0 20px; } /* Button Section */ .button-box {   display: flex;   flex-direction: column;   align-items: center;   gap: 15px;   margin: 30px 0; } .menu-button {   padding: 10px 25px;   text-decoration: none;   font-weight: bold;   font-size: 16px;   border-radius: 5px;   transition: back...

 <div class="main-container">   <div class="top-row">     <h1 class="main-title">Online Restaurant Management System</h1>   </div>   <hr />   <div class="button-box">     <a routerLink="/add">Add Menu</a>     <br />     <a routerLink="/view">View Menu</a>   </div>   <footer>     <small>© 2025 EmpId 2797212 Om</small>   </footer> </div> ... <div class="main-container">   <div class="top-row">     <h1 class="main-title">Online Restaurant Management System</h1>   </div>   <hr />   <div class="form-container">     <h2>Add Menu</h2>     <div *ngIf="successMessage">{{ successMessage }}</div>     <form (ngSubmit)="submitMenu()" #form="ngForm">       <l...

 <div style="padding: 30px;">   <h2>Update Menu</h2>   <form (ngSubmit)="updateMenu()">     <label>Menu Name: <input [(ngModel)]="menuData.menuName" name="menuName" required /></label><br><br>     <label>Description: <input [(ngModel)]="menuData.description" name="description" /></label><br><br>     <label>Category: <input [(ngModel)]="menuData.category" name="category" required /></label><br><br>     <label>Type: <input [(ngModel)]="menuData.type" name="type" required /></label><br><br>     <label>Cost: <input type="number" [(ngModel)]="menuData.cost" name="cost" required /></label><br><br>     <label>Status: <input [(ngModel)]="menuData.status" name="status...

 <header class="main-header">   <h1>🍴 Online Restaurant Management System</h1>   <p class="tagline">Manage Menus with Ease</p> </header> .main-header {   background-color: #3498db;   color: white;   text-align: center;   padding: 20px 0;   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .main-header h1 {   margin: 0;   font-size: 28px;   font-weight: bold; } .tagline {   font-size: 16px;   margin-top: 5px;   font-style: italic; }

 Menuform component ts import { Component } from '@angular/core'; import { MenuService, MenuItem } from '../menu.service'; @Component({   selector: 'app-menu-form',   templateUrl: './menu-form.component.html' }) export class MenuFormComponent {   newItem: MenuItem = {     menuId: '',     menuName: '',     description: '',     category: '',     type: '',     cost: 0,     status: ''   };   constructor(private menuService: MenuService) {}   submitForm(): void {     if (!this.newItem.menuId || !this.newItem.menuName) {       alert('Menu ID and Name are required.');       return;     }     this.menuService.create(this.newItem).subscribe(() => {       alert('Menu item added successfully!');       // Clear form       this.newItem = {         menuId: '',   ...

 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http'; import { AppComponent } from './app.component'; import { MenuListComponent } from './menu-list/menu-list.component'; import { MenuService } from './menu.service'; @NgModule({   declarations: [     AppComponent,     MenuListComponent   ],   imports: [     BrowserModule,     FormsModule,     HttpClientModule   ],   providers: [MenuService],   bootstrap: [AppComponent] }) export class AppModule { } App components html <h1>🍽 Online Restaurant Menu</h1> <app-menu-list></app-menu-list> Menu.service ts import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs'; export interface MenuItem {   menuId: string; ...

Ts Ok  import { Component, OnInit } from '@angular/core'; import { MenuService, MenuItem } from '../menu.service'; @Component({   selector: 'app-menu-list',   templateUrl: './menu-list.component.html' }) export class MenuListComponent implements OnInit {   menuItems: MenuItem[] = [];   constructor(private menuService: MenuService) {}   ngOnInit(): void {     this.loadItems();   }   loadItems(): void {     this.menuService.getAll().subscribe(data => {       this.menuItems = data;     });   }   deleteItem(menuId: string): void {     if (confirm(`Are you sure you want to delete ${menuId}?`)) {       this.menuService.delete(menuId).subscribe(() => {         this.loadItems();       });     }   } } Html <h2>Restaurant Menu</h2> <table border="1" cellpadding="8">   <tr>     <th...

 Html code  <h2>Add New Menu Item</h2> <form (ngSubmit)="submitForm()">   <label>Menu ID:</label><br>   <input [(ngModel)]="newItem.menuId" name="menuId" required><br><br>   <label>Name:</label><br>   <input [(ngModel)]="newItem.menuName" name="menuName" required><br><br>   <label>Description:</label><br>   <input [(ngModel)]="newItem.description" name="description"><br><br>   <label>Category:</label><br>   <input [(ngModel)]="newItem.category" name="category" required><br><br>   <label>Type:</label><br>   <input [(ngModel)]="newItem.type" name="type" required><br><br>   <label>Cost:</label><br>   <input type="number" [(ngModel)]="newItem.cost...

Model.java  package com.example.restaurant.model; import jakarta.persistence.*; @Entity @Table(name = "Menu_2797212") public class Model {     @Id     @Column(name = "menuid", nullable = false, unique = true)     private String menuId;     @Column(name = "menuname", nullable = false)     private String menuName;     @Column(name = "description")     private String description;     @Column(name = "category", nullable = false)     private String category;     @Column(name = "type", nullable = false)     private String type;     @Column(name = "cost", nullable = false)     private double cost;     @Column(name = "status", nullable = false)     private String status;     // Constructors     public Model() {}     public Model(String menuId, String menuName, String description, String category, String type, dou...

 package com.customerapp.practice.controller; import com.customerapp.practice.model.Customer; import com.customerapp.practice.service.CustomerService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.*; @RestController @RequestMapping("/api/customers") public class CustomerController {     @Autowired     private CustomerService customerService;     @PostMapping     public Customer createCustomer(@RequestBody Customer customer) {         return customerService.createCustomer(cu stomer);     } }

 package com.customerapp.practice.service; import com.customerapp.practice.model.Customer; import com.customerapp.practice.repository.CustomerRepository; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; @Service public class CustomerService {     @Autowired     private CustomerRepository customerRepository;     public Customer createCustomer(Customer customer) {         return customerRepository.save(cust omer);     } }

 package com.customerapp.practice.repository; import com.customerapp.practice.model.Customer; import org.springframework.data.jpa.repository.JpaRepository; public interface CustomerRepository extends JpaRepository<Customer, Long > { }

 package com.customerapp.practice.model; import jakarta.persistence.*; @Entity public class Customer {     @Id     @GeneratedValue(strategy = GenerationType.IDENTITY)     private Long id;     private String name;     private String email;     private String phone;     // Constructors     public Customer() {}     public Customer(String name, String email, String phone) {         this.name = name;         this.email = email;         this.phone = phone;     }     // Getters & Setters     public Long getId() { return id; }     public void setId(Long id) { this.id = id; }     public String getName() { return name; }     public void setName(String name) { this.name = name; }     public String getEmail() { return email; }     public void setEmail(String email...

 Perfect, Kunal! Below are 1–3 short bullet points for each section in your finalized User Manual Table of Contents. You can copy-paste these under your screenshots for each section in the PDF. --- ✅ User Manual Content Description (Short Points for Each Section) --- 1. Introduction Overview of the Bank Management System functionalities. Describes roles: Employee (manage operations) & Customer (view transactions). Built using Angular (frontend), Spring Boot (backend), H2 Database. --- 2. Employee Registration Employees can register with name, email, mobile, and password. Form validation ensures all fields are correctly filled. On success, data is saved and user is redirected to login. --- 3. Login Both employee and customer login interfaces are available. Secure login using email/username and password. Incorrect login shows error and prevents access. --- 4. Customer Registration Employees can register new customers from the dashboard. Fields include name, age, city, account typ...