https://github.com/rayyanazmi/ems
An Employee-Management-System 🏢, built with React.js and TailwindCSS, featuring login authentication, an admin dashboard for task assignment, and an employee dashboard for task tracking.
https://github.com/rayyanazmi/ems
employee-management-system javascript jsx-syntax reacthooks reactjs vite
Last synced: 7 months ago
JSON representation
An Employee-Management-System 🏢, built with React.js and TailwindCSS, featuring login authentication, an admin dashboard for task assignment, and an employee dashboard for task tracking.
- Host: GitHub
- URL: https://github.com/rayyanazmi/ems
- Owner: rayyanazmi
- Created: 2024-12-02T16:28:05.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-20T11:23:00.000Z (12 months ago)
- Last Synced: 2025-03-26T01:28:49.267Z (10 months ago)
- Topics: employee-management-system, javascript, jsx-syntax, reacthooks, reactjs, vite
- Language: JavaScript
- Homepage:
- Size: 67.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Employee Management System
## Overview
The **Employee Management System** is a web application designed to streamline task management and enhance collaboration between administrators and employees. Built with modern technologies like React.js and TailwindCSS, this system provides separate dashboards for administrators and employees, ensuring role-based functionality and a smooth user experience.
---
## Features
### Login Page
- **Secure Authentication**: Users must log in with valid credentials.
- **Role-Based Access**: Depending on the role (Admin or Employee), users are redirected to the appropriate dashboard.
### Admin Dashboard
- **User-Friendly Interface**: A clean and organized layout for easy navigation.
- **Task Assignment**: Admins can assign tasks to employees, track their progress, and manage deadlines efficiently.
- **Overview Section**: A summary of the team's tasks and performance metrics at a glance.
### Employee Dashboard
- **Task Tracker**: Employees can view assigned tasks with detailed descriptions and deadlines.
- **Progress Updates**: Employees can update the status of their tasks directly from the dashboard.
- **Efficient Workflow**: Streamlined communication with admins to ensure clarity and productivity.
---
## Technologies Used
### Frontend
- **React.js**: Ensures a responsive and dynamic user interface.
- **JavaScript**: Core language for implementing functionality.
- **TailwindCSS**: For designing an intuitive and visually appealing layout.
---
## Getting Started
### Prerequisites
Make sure you have the following installed on your system:
- Node.js
- npm (Node Package Manager)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/employee-management-system.git
```
2. Navigate to the project directory:
```bash
cd employee-management-system
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open your browser and navigate to `http://localhost:3000`.
---
## Folder Structure
```
employee-management-system/
├── public/
├── src/
│ ├── components/ # Reusable React components
│ ├── pages/ # Login, Admin Dashboard, and Employee Dashboard
│ ├── styles/ # TailwindCSS configurations
│ ├── utils/ # Utility functions and helpers
│ ├── App.js # Main application entry point
│ ├── index.js # Renders the React app
├── package.json # Project dependencies
└── README.md # Documentation
```
---
## Screenshots
### Login Page
### Admin Dashboard
### Employee Dashboard
---
## Future Enhancements
- Add notifications for employees regarding task updates.
- Implement analytics for admins to view overall performance trends.
- Incorporate a messaging feature for real-time communication.
- Enhance security with OAuth2 or JWT-based authentication.
---
## Contributing
Contributions are welcome! If you'd like to contribute:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/your-feature-name
```
3. Commit your changes:
```bash
git commit -m 'Add your message here'
```
4. Push to the branch:
```bash
git push origin feature/your-feature-name
```
5. Open a pull request.
---
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
---
## Acknowledgments
- React.js for a robust frontend framework.
- TailwindCSS for efficient styling.
- The Open Source community for inspiration and tools.
---
Thank you for checking out the **Employee Management System**! Feel free to reach out for any questions or suggestions.