Skip to content

An employee management application using CRUD operation using React, Node & MySQL

Notifications You must be signed in to change notification settings

ItsRoy69/ManPloyee

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ManPloyee

image

Overview of the App

ManPloyee is a sophisticated distributed application meticulously crafted to streamline employee management within organizations. Its comprehensive functionality encompasses the meticulous tracking and storage of vital employee information, including personal details and their salaries.

There are 2 different sections in the app as follows -

  1. Admins Section - This section gives access to the admin of the organisation which contains a table to display the details of the employees stored. It also has a button which opens a form to add new employees. There is also an edit & delete option along with details of each employee to update the details of employees or delete them when required.

  2. Employees Section - This section contains a the login of particular employees to check their respective personal details.

Tech Stack Used -

Structure Of The Project

The home page of the application contains -

  1. Landing Page - Here users can get started with using our application
  2. Link to Admin Section - Add, Update, Delete employee details for any workplace
  3. Link to Employee Section - Check the details on respective employees

UI Of The Web Application

1. Home Page

   

2. Admins Page

   

3. Employees Page


Future Prospects

  • Add a functionality of editing respective employee's details by themselves in the employee sectionapplication
  • Add a Meeting Section to update about the upcoming or incomplete meetings in the workplace

Installation

# Clone the repository
git clone https://github.com/ItsRoy69/ManPloyee
# Enter into the client
cd client
npm install

# Enter into server
cd server
npm install

Setting up the XAMPP application first


At First, you should have XAMPP application installed in your device to run the mysql server, if it is installed then


To start the XAMPP application, follow these steps:

  1. Download and install XAMPP from the official Apache Friends website.
  2. Launch XAMPP using the "xampp-control.exe" file.
  3. Start Apache and MySQL modules in the XAMPP control panel.
  4. Verify the installation by accessing "http://localhost" in your web browser.
  5. Login and set your mysql server as the screenshot given in phpAdmin
  6. Remember to stop the servers using the XAMPP control panel when you're done.

Note: Ensure that your firewall or antivirus software allows XAMPP to run smoothly.



Now start the application

# To start the client application
npm run dev
# To start server application
npm start

About

An employee management application using CRUD operation using React, Node & MySQL

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published