StudentRecord - Full Stack Project

Student Records is a web-based service that allows to manage and this project shows you to Frontend and backend. How to write the code and structed according to best practices standards and also implementing single deployable ##War package CI/CD with SpringBoot and Angular.

Tech Stack

SpringBoot + Angular 8 + MySQL + CI/CD = Complete Project Structuring LifeCycle Development to Deployment

Installation

• Java 8
• Node - Latest Version
• Angular CLI
• Angular Material
• Augury
• BootStrap
• FontAwesome
• MySQL 8 / PostgreSQL
• Lombok

IDE

• Spring Tools Suite
• Visual Studio Code
• DBeaver

Angular NPM Packages

Installing Angular CLI                -----> npm install -g @angular/cli
Installing Angular Material           -----> ng add @angular/material
Installing Bootstrap 4                -----> npm install bootstrap --save
Installing Bootstrap JQuery           -----> npm install jquery --save
Installing Bootstrap Popper           -----> npm install popper.js --save
Installing Bootstrap FontAwesome      -----> npm install font-awesome 

Add this inside Angular.json

            "outputPath": "../main/resources/static",

            "styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/font-awesome/css/font-awesome.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]

Creating Module

Creating Material Module              -----> ng g module material --flat

Angular 8

CRUD Operations

POM.xml (add this plugin)

Contributors

Maintainer: Rakesh Sahani

License

Project is published under the GNU General Public License v3.0. Feel free to clone and modify repo as you want, but don't forget to add reference to authors :)