Skip to content

πŸš€ Staff Track – A modern employee management system for efficient time tracking, attendance monitoring, payroll processing, and project management. Built using React.js, Flutter, Node.js, and MongoDB, this system helps businesses streamline workforce operations with real-time analytics and role-based access control. πŸ“ŠπŸ”’

Notifications You must be signed in to change notification settings

jinalmore019/Staff_Track

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Staff Track

πŸ“Œ Project Overview

Staff Track is a modern employee management system designed to facilitate time tracking, payroll management, and project monitoring for businesses. It provides a seamless solution for administrators and employees to efficiently manage work schedules, attendance, and salaries. The system also includes comprehensive reporting features and analytics to optimize workforce productivity.

🎯 Project Goals

  • Automate time and attendance tracking for employees.
  • Provide real-time salary calculation and payroll management.
  • Enhance project and team collaboration with structured workflows.
  • Improve decision-making through detailed analytics and reporting.
  • Ensure compliance with company policies and labor laws.

✨ Features & Modules

πŸ”Ή Admin Panel Features

  • πŸ‘¨β€πŸ’Ό Employee Management: Add, update, or remove employees.
  • πŸ‘₯ Team Management: Create and manage project teams.
  • ⏳ Attendance Tracking: Monitor check-in/check-out times.
  • πŸ–οΈ Leave Management: Approve or reject leave requests.
  • πŸ’° Payroll Processing: Calculate salaries, deductions, and bonuses.
  • πŸ“Š Project Monitoring: Assign tasks and track project progress.
  • πŸ“’ Notices & Announcements: Publish updates for employees.
  • πŸ”’ Security & Authentication: Secure user login with role-based access.
  • πŸ“ˆ Data Analytics: Generate reports for HR and payroll insights.

πŸ”Ή Employee Panel Features

  • πŸ‘€ Profile Management: View and update personal details.
  • πŸ•’ Time Tracking: Log daily working hours with check-in/check-out.
  • πŸ–οΈ Leave Requests: Apply for leaves and track approval status.
  • πŸ’΅ Salary Insights: View payroll details and salary breakdowns.
  • πŸ“Œ Project Dashboard: Monitor assigned projects and deadlines.
  • πŸ”” Notifications & Announcements: Stay updated with company alerts.

πŸ› οΈ Tech Stack

🎨 Frontend

  • βš›οΈ React.js - Interactive UI development.
  • πŸ“± Flutter Framework - Mobile app compatibility.
  • 🎨 Tailwind CSS & Bootstrap - Responsive styling.
  • πŸ“ JavaScript & TypeScript - Dynamic web interactions.

πŸ”§ Backend

  • 🟒 Node.js - Backend logic and API handling.
  • πŸ”„ Express.js - REST API implementation.
  • πŸ—„οΈ MongoDB - Database storage and management.

βš™οΈ Development Tools

  • πŸ–₯️ Visual Studio Code - Code editing and development.
  • πŸ”¬ Postman - API testing and debugging.
  • πŸ—ƒοΈ MongoDB Compass - Database management.
  • 🎨 Figma - UI/UX design.
  • πŸ”— GitHub - Version control and collaboration.

πŸ’» System Requirements

Development Environment

  • πŸ–₯️ OS: Windows 10 / Linux
  • πŸ’Ύ RAM: 8 GB (Minimum)
  • πŸ’½ Storage: 512 GB SSD
  • πŸ–₯️ Processor: Intel i5 10th Gen or higher

Server Requirements

  • πŸ’Ύ RAM: 8 GB DDR3
  • πŸ’½ Storage: 120 GB SSD
  • πŸ–₯️ Processor: Intel i3 5th Gen or higher
  • πŸ—„οΈ Database: MongoDB

πŸ“₯ Installation Guide

βœ… Prerequisites

  • ⚑ Node.js installed on your system
  • πŸ—„οΈ MongoDB setup locally or using MongoDB Atlas
  • πŸ”— Git installed

πŸ“Œ Steps to Set Up

  1. Clone the repository:
    git clone https://github.com/your-repo-url.git
    cd staff-track
  2. Install dependencies:
    npm install
  3. Set up the .env file with your MongoDB URI and other required environment variables.
  4. Start the backend server:
    npm start
  5. Navigate to the frontend folder and install dependencies:
    cd frontend
    npm install
  6. Start the frontend application:
    npm start
  7. Open the application in your browser at http://localhost:3000

πŸ—ƒοΈ Database Schema Overview

πŸ“Š Key Collections in MongoDB

  • πŸ“‹ employees: Stores employee details and work history.
  • πŸ•’ attendance: Records employee check-in and check-out times.
  • πŸ“Œ projects: Tracks ongoing company projects.
  • πŸ‘₯ teams: Defines work teams and assignments.
  • πŸ’° payroll: Manages salary calculations and deductions.
  • πŸ“’ notices: Stores company announcements.

πŸš€ Future Enhancements

  • πŸ“± Mobile app admin panel integration.
  • 🏒 Asset request and management system.
  • 🧠 AI-powered attendance tracking and workforce optimization.

πŸ“œ License

This project is open-source and available under the MIT License.

πŸ“¬ Contact

For queries or contributions, reach out via GitHub Issues.

πŸŽ₯ Project Demo & Screenshots

freecompress-staff.track.video.mp4

#ONBOARDING SCREEN

onboarding

onbording 2

#LOGIN SCREEN

login

#DASHBOARD SCREEN

dashboard 3

#PROFILE

profile

#DAILY REPORTING SCREEN

dail reporting 4

#LEAVE SCREEN

leaving 5

leave  2

#PROJECT SCREEN

project screen 6

🌟 Support the Project

⭐ If you like this project, give it a star on GitHub! πŸš€

About

πŸš€ Staff Track – A modern employee management system for efficient time tracking, attendance monitoring, payroll processing, and project management. Built using React.js, Flutter, Node.js, and MongoDB, this system helps businesses streamline workforce operations with real-time analytics and role-based access control. πŸ“ŠπŸ”’

https://jinalmore019.github.io/Staff_Track/

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published