FullStack-Student-Information-System

FULLSTACK STUDENT INFORMATION SYSTEM

Fullstack Student Information System

Visit at:https://648bd35a2c8d361f700da9bd--jazzy-empanada-bdec22.netlify.app/ []() [](https://github.com/kylelobo/The-Documentation-Compendium/issues) [](https://github.com/kylelobo/The-Documentation-Compendium/pulls) [](/LICENSE)

---

In this project,Student informations such as name and address are collected and stored inside a database using MySql database,SpringBoot,React.js and Postman API Platform.

📝 Table of Contents

• About
• Getting Started
• Deployment
• Usage
• Built Using
• TODO
• Contributing
• Authors
• Acknowledgments

🧐 About

Create Full stack student information system using Spring Boot and React. In this video we will use Spring Boot ( MVC, JPA, Hibernate) and Mysql Database to create the Backend application (Restful web service API) with and use React.js to create the frontend application with Material UI and React Hooks( useState, useEffect) with functional components. 

🏁 Getting Started

Getting Started with Create React App This project was bootstrapped with Create React App.

Prerequisites

You need to install

*Node.js

*Java 20

*MySql Database

*Intellij IDEA

*VS Code

For testing API

*POSTMAN

For Design

*Material UI

Installing

You’ll need to have Node 14.0.0 or later version on your local development machine (but it’s not required on the server). We recommend using the latest LTS version. You can use nvm (macOS/Linux) or nvm-windows to switch Node versions between different projects.

To create a new app, you may choose one of the following methods:

npx npx create-react-app my-app (npx is a package runner tool that comes with npm 5.2+ and higher, see instructions for older npm versions)

npm npm init react-app my-app npm init is available in npm 6+ Once the installation is done, you can open your project folder:

cd my-app Inside the newly created project, you can run some built-in commands:

npm start or yarn start Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

Code Splitting This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

🔧 Running the tests

The outputs at the frontend,database and backend parts are attached below.

Break down into end to end tests

Front end:

Backend:

Database:

And coding style tests

During debugging,the output is shown below,

🎈 Usage

This project is used to create Full stack student information system using Spring Boot and React. In this project, we will use Spring Boot ( MVC, JPA, Hibernate) and Mysql Database to create the Backend application (Restful web service API) with and use React.js to create the frontend application with Material UI and React Hooks( useState, useEffect) with functional components.

🚀 Deployment

MyProject is deployed at : https://648bd35a2c8d361f700da9bd–jazzy-empanada-bdec22.netlify.app/

Output Video Link at LinkedIn : https://www.linkedin.com/posts/paul-selvi-3a9587207_fullstack-java-skill-activity-7075363122487705600-Mxim?utm_source=share&utm_medium=member_desktop

⛏️ Built Using

• MySqlDB - Database
• Intellij IDEA - Server Framework
• NodeJs - Server Environment

✍️ Authors

I want to express my deepest gratitude to the exceptional team of Skill-Lync [https://skill-lync.com/] who have poured their passion, expertise, and countless hours into guiding me in achieving this fleet. Their dedication and commitment have been truly inspiring, and I would like to mention Mr.Bhupendra Pariharbhupendraparihar@skill-lync.com and our internship mentor Mr.R.Bheemesh Raghupathy bheemesh.r@skill-lync.com for their special support.

🎉 Acknowledgements

Skill-Lync [https://skill-lync.com/]