Coder Social home page Coder Social logo

trellixvulnteam / full-stack-student-new_tihp Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sarvarkh/full-stack-student-new

0.0 0.0 0.0 37.37 MB

This is demo app called Student's Log to illustrate/practice my knowledge in full cycle of creating full stack app with Spring boot from the scratch. In this app, you can add, delete or edit student profile.

Shell 11.31% JavaScript 54.54% Java 18.62% CSS 4.93% HTML 6.64% Batchfile 3.94%

full-stack-student-new_tihp's Introduction

Student's Log (Full-stack - Spring & React)

This is demo app called Student's Log to illustrate/practice my knowledge in full cycle of creating full stack app with Spring boot from the scratch. In this app, you can add, delete or edit student profile.

Project Diagram

## Overall Diagram

Features

  • Add or delete student, and see number of students
  • Validate in front-end, back-end and in db level (DB Constraints)
  • Client and Server side Error Handlings

Built With

This course covers concepts such as:

  • Spring Boot Backend API
  • Frontend with React.js Hooks and Functions Components
  • Maven Build Tool
  • Databases using Postgres on Docker
  • Spring Data JPA
  • Server and Client Side Error Handling
  • Packaging applications for deployment using Docker and Jib
  • AWS RDS & Elastic Beanstalk
  • Software Deployment Automation with Github Actions
  • Software Deployment Monitoring with Slack
  • Unit and Integration Testing (Not Implemented yet)

Live Demo

Live Demo Link

Video intro

YouTube Link

Getting Started

To get a local copy up and running follow these simple example steps.

Setup

Step 1: git clone https://github.com/SarvarKh/full-stack-student-new.git

Step 2 - navigate to the cloned directory:
cd full-stack-student-new

Step 3 - run the server from your IDE:
run DemoApplication class (Main)

Step 4 - navigate to the src/frontend directory:
npm install

Step 5 - install npm pckage manager:
npm install

Step 6 - open the app in development mode:
npm start

Last step will open http://localhost:3000 to view it in the browser.

Authors

๐Ÿ‘ค Sarvar Khalimov

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

๐Ÿ“ License

This project is MIT licensed. My greetings and gratitude to the amigoscode team for their course where I could learn immerse number of knowledge about Spring boot and many more (click here to find out more).

full-stack-student-new_tihp's People

Contributors

sarvarkh avatar trellixvulnteam avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.