https://github.com/swayam-hingu/g17_staffgrid
A tool for managing employee accounts, profiles, attendance, salaries, and leave requests. Includes secure login, audit logs, and strong system security. User-friendly for both admins and employees.
https://github.com/swayam-hingu/g17_staffgrid
database-management figma html-css-javascript nodejs reactjs software-development
Last synced: 5 months ago
JSON representation
A tool for managing employee accounts, profiles, attendance, salaries, and leave requests. Includes secure login, audit logs, and strong system security. User-friendly for both admins and employees.
- Host: GitHub
- URL: https://github.com/swayam-hingu/g17_staffgrid
- Owner: Swayam-Hingu
- Created: 2024-09-06T10:42:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-02T06:49:52.000Z (12 months ago)
- Last Synced: 2025-06-21T00:08:33.772Z (5 months ago)
- Topics: database-management, figma, html-css-javascript, nodejs, reactjs, software-development
- Language: HTML
- Homepage: https://staff-grid.vercel.app
- Size: 8.8 MB
- Stars: 7
- Watchers: 2
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# G17_StaffGrid
# Employee Management System (EMS)
**Description**: A comprehensive tool for managing employee accounts, profiles, attendance, salaries, leave requests, and more. Features secure login, audit logs, and system security. Easy to use for both admins and employees.
---
## Team Members
| ID | Name |
| :-------: | ---------------- |
| 202201189 | Pari Chauhan |
| 202201191 | Kashyap Trivedi |
| 202201207 | Swayam Hingu |
| 202201211 | Avinash Baraiya |
| 202201216 | Jeet Patel |
| 202201217 | Kisan Thakor |
| 202201219 | Chirag Chaudhari |
| 202201232 | Kshitij Patel |
| 202201235 | Hemal Ravrani |
| 202201238 | Riddhi Mistry |
| 202201250 | Parth Prajapati |
---
## 🚀 Motivation
- **Group Collaboration** 👥: The Employee Management System project is developed as a team, helping us work together to solve real-world software problems 💻.
- **Key Software Engineering Concepts** 🛠️: As a team, we apply important concepts like database design 🗃️, system integration 🔗, and user authentication 🔒.
- **Real-World Development Process** 🧪: In real-world development, it's not just about coding; testing 🧪, structuring the project 🏗️, and ensuring proper documentation 📚 are also crucial parts of the process.
- **Skill Development** 🤝: This project enhances our teamwork, problem-solving 🧠, and communication 💬 skills.
- **Hands-On Experience** 🎓: It gives us practical experience in building a scalable system, managing workflows 🔄, and working effectively as a team.
- **Preparation for the Future** 🌟: This project helps us develop essential skills for any software engineer, from coding to project management.
---
## 🔧 Tools
### **Frontend** 🖥️
- **React** ⚛️: Used for building the dynamic and interactive user interface.
- **HTML** 📄: Provides the basic structure of web pages.
- **CSS** 🎨: Styles the pages and ensures responsiveness across devices.
### **Backend**
- **Node.js** 🟩: Powers the backend server and handles API requests.
- **Express.js** ⚡: A web application framework for Node.js, used to build the backend API.
- **MongoDB** 🗄️: A NoSQL database used to store and manage employee data, offering flexibility and scalability.
### **Testing & Performance** ⚙️
- **JMeter** 🚀: Used for performance and load testing to ensure scalability.
- **BlazeMeter** 🌐: An online platform for load testing and performance testing in various environments.
- **Mocha** 🧪: A testing framework for unit and integration tests to ensure code quality.
- **Selenium IDE** 🧑💻: Used for **GUI testing** to automate and verify the user interface interactions in the browser.
### **AI & Code Assistance** 🤖
- **GitHub Copilot** 💡: AI-powered code completion tool to assist in writing code faster.
- **ChatGPT** 🗣️: Used for code suggestions, debugging, and problem-solving during development.
### **Collaboration & Version Control** 🔄
- **GitHub** 🧑💻: Version control and collaboration platform for managing project code and workflows.
### **Design** 🎨
- **Draw.io** 🖍️: Used to create system architecture diagrams and flowcharts for visual representation.
- **Figma** 🧑💻: Used to create prototype of the website.
---
## 🖥️ Running the Project Locally
To run this project on your local machine, follow these steps:
### 1. Clone the Repository
Clone the project repository and navigate into the project directory:
```bash
git clone https://github.com/Swayam-Hingu/G17_StaffGrid.git
cd G17_StaffGrid
```
### 2. Install Dependencies
Ensure you have [Node.js](https://nodejs.org/) and [npm](https://www.npmjs.com/) installed on your machine. Then, install the dependencies for both the backend and frontend:
```bash
# Navigate to the backend directory and install dependencies
cd backend
npm install
# Navigate to the frontend directory and install dependencies
cd ../frontend
npm install
```
### 3. Set Up Environment Variables
Create a `.env` file in both the backend and frontend directories. Add the required environment variables as specified in the `.env.example` files in each directory.
### 4. Run the Backend
Start the backend server:
```bash
cd backend
npm start
```
### 5. Run the Frontend
In a new terminal window, navigate to the frontend directory and start the frontend server:
```bash
cd frontend
npm start
```
### 6. Open in Browser
- Frontend: Navigate to `http://localhost:3000` in your browser to view the application.
- Backend: The backend server will typically run on `http://localhost:5000` or another specified port.