Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rohitkadu/employee-management-system-mern-full-stack-web-application
Employee Management System MERN Full Stack Web Application with core CRUD operations functionality
https://github.com/rohitkadu/employee-management-system-mern-full-stack-web-application
employee-management-system express full-stack mern-project mern-stack mini-project mongodb mongodb-atlas nodejs react react-router reactjs tailwindcss
Last synced: 12 days ago
JSON representation
Employee Management System MERN Full Stack Web Application with core CRUD operations functionality
- Host: GitHub
- URL: https://github.com/rohitkadu/employee-management-system-mern-full-stack-web-application
- Owner: rohitkadu
- Created: 2024-06-12T14:54:53.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-06-12T19:30:41.000Z (5 months ago)
- Last Synced: 2024-06-14T01:17:02.226Z (5 months ago)
- Topics: employee-management-system, express, full-stack, mern-project, mern-stack, mini-project, mongodb, mongodb-atlas, nodejs, react, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 688 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 👨💼 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
```bash
git clone https://github.com/rohitkadu/Employee-Management-System-MERN-Full-Stack-Web-Application.git
```
Setup the Server
````bash
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
````bash
ATLAS_URI = mongodb+srv://sample_user:@my-sample-cluster-b3ugy.mongodb.net/?retryWrites=true&w=majority
````
Setup the Client
````bash
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
````bash
node --env-file=config.env server
````
Run the client project/client
````bash
npm run dev
````
## Screenshots
MongoDB Atlas Screenshot :
Create & Update Operation Screenshot :
Update & Delete Operation Screenshot :
