Fullstack-Employee-Management-System

FULLSTACK EMPLOYEE MANAGEMENT SYSTEM

Fullstack Employee Management System

Visit at:https://fullstack-employee-management-system.vercel.app/ []() [](https://github.com/kylelobo/The-Documentation-Compendium/issues) [](https://github.com/kylelobo/The-Documentation-Compendium/pulls) [](/LICENSE)

---

In this project,Employee details such as Firstname,Lastname and Emailid 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 Employee Management system using Spring Boot and React.js. 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.

🏁 Getting Started

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

Prerequisites

You need to install

*Node.js

*Eclipse IDE

*MySql Database

*VS Code

For testing API

*POSTMAN

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: ![reactoutput]

Backend: ![backendoutput]

Database: ![MySql Database]

POSTMAN API:

And coding style tests

The final output is shown below,

🎈 Usage

This project is used to create Full Stack Employee Management 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.

🚀 Deployment

MyProject is deployed at : https://paulselvi2022.github.io/Fullstack-Employee-Management-System/

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
• Eclipse IDE - 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/]