👨‍💼 Employee Management System MERN Full Stack Web Application

This Employee Management System is a full-stack web application built using the MERN stack (MongoDB, Express.js, React, and Node.js). The application provides CRUD (Create, Read, Update, Delete) primary operations to efficiently manage employee data. It utilizes Tailwind CSS for styling, CORS for secure cross-origin resource sharing, and Mongoose for object data modeling. The database is hosted on MongoDB Atlas, ensuring robust and scalable data storage.

Features

• Employee CRUD operations: Create, Read, Update, and Delete employee records
• Responsive UI with Tailwind CSS
• Secure cross-origin resource sharing with CORS
• Data modeling with Mongoose
• Scalable and robust data storage with MongoDB Atlas

Tech Stack

Client: Reac.js, Redux, Router, Tailwind CSS

Server: Node.js, Express, MongoDB, MongoDB Atlas, Mongoose,

Installation

Prerequisites

• Node.js
• npm (Node Package Manager)
• MongoDB
• React

Clone the Repository

git clone https://github.com/rohitkadu/Employee-Management-System-MERN-Full-Stack-Web-Application.git

Setup the Server

cd server
npm install rxpress mongodb mongoose cors

Environment Variables: To run this project, you will need to add the following environment variables to your server/config.env file

ATLAS_URI = mongodb+srv://sample_user:<password>@my-sample-cluster-b3ugy.mongodb.net/<dbname>?retryWrites=true&w=majority

Setup the Client

npm create vite@latest client – –template react
cd client
npm install
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm install -D react-router-dom

Run the server project/server

node --env-file=config.env server

Run the client project/client

npm run dev

Screenshots

MongoDB Atlas Screenshot :

Create & Update Operation Screenshot :

Update & Delete Operation Screenshot :