CodingMSTR LogoCodingMSTR
HRMS Source Code | PHP | React JS | Flutter | Laravel

HRMS Source Code | PHP | React JS | Flutter | Laravel

β‚Ή 1100

A robust, scalable, and user-friendly Human Resource Management System (HRMS) application built using React for the web, PHP for backend services, and Flutter for mobile platforms. Designed with a multi-role architecture (Superadmin, Admin, Manager, Employee), this HRMS app empowers organizations to manage their workforce seamlessly <br/> <a href="https://codingmstr.com/hrms-source-code-python-fastapi-react-js-flutter-mysql-full-project/" style="color:#A50036" > πŸ‘‰ Download the HRMS with FastAPI Backend </a>

Category: PHP, Laravel, Flutter, React, Large Projects
Added On: September 27, 2025
Developer: By Praveen

For any customization or code setup, feel free to contact us. We also offer deployment on live servers.

For any issues related to downloading, email me at devpraveenkr@gmail.com

Need additional support or customization? Contact me!

Project Screenshots

Project Description

Technologies Used
PHP: 8.3
Laravel: 12
React JS: 18
MySQL
Flutter: 3.35.4




πŸ“Ί Watch the Video

For a detailed walkthrough, watch the video guide on running HRMS.


πŸš€ Running Laravel Backend

  1. Download the code

  2. Update .env file

    • Add your database details.

  3. Create a Database in MySQL/PostgreSQL (as per your setup).

  4. Run Migration & Seeding




    php artisan migrate:refresh --seed

βš›οΈ Running React Frontend

  1. Install dependencies




    npm install
  2. Update .env file

    • Add your backend API path.

  3. Start the server




    npm start

πŸ“± Running Flutter App

  1. Update API URL

    • Open constants.dart and update:




      class AppConstants { static const String appTitle = 'CodingMSTR'; static const String apiLink = 'https://your-backend-url.com/api/'; }
  2. Update App Logo
    Run the following commands:




    flutter clean flutter pub get flutter pub run flutter_launcher_icons:main






Comprehensive HRMS App with Multi-Role Access – Powered by React, PHP & Flutter




Description:

A robust, scalable, and user-friendly Human Resource Management System (HRMS) application built using React for the web, PHP for backend services, and Flutter for mobile platforms. Designed with a multi-role architecture (Superadmin, Admin, Manager, Employee), this HRMS app empowers organizations to manage their workforce seamlessly.

From employee management to payroll automation, attendance tracking with GPS, travel & loan management, and daily task assignments, the app simplifies HR operations with a modern, intuitive interface. Its cross-platform mobile app (Flutter) ensures accessibility on both Android and iOS devices.




πŸ—οΈ Detailed Overview


πŸ”Ή Technology Stack


  • Frontend (Web): React.js (interactive and responsive UI)

  • Backend: PHP (secure, scalable, API-driven architecture)

  • Database: MySQL (optimized for HRMS records)

  • Mobile Application: Flutter (cross-platform, native performance)

  • Authentication & Security: JWT/OAuth2, role-based access control

  • Integration: GPS for attendance, real-time notifications, payroll tax APIs




πŸ”Ή User Roles & Access Levels


  1. Superadmin

    • Full control of the system

    • Manage organizations, admins, system configurations, and policies


  2. Admin

    • Manage employees, payroll, loans, expenses, and organizational data

    • Generate reports & dashboards


  3. Manager

    • Approve/reject leave requests, loan applications, and travel expenses

    • Assign tasks and track progress

    • Monitor team attendance & performance


  4. Employee

    • Mark attendance using GPS coordinates

    • Submit leave requests, travel claims, and loan requests

    • View payslips & tax calculations

    • Receive and complete daily tasks

    • Manage assigned assets




πŸ”Ή Key Features

βœ… Employee Management

  • Add, edit, and manage employee records

  • Role & department assignment

  • Document management (IDs, contracts, etc.)


βœ… Payroll Management

  • Automated salary calculation

  • Income Tax deductions based on local regulations

  • Payslip generation & download

  • Overtime, bonus, and allowance tracking


βœ… Attendance & Leave Management

  • GPS-based attendance marking (location validation)

  • Leave requests, approvals, and balance tracking

  • Flexible shift & holiday scheduling


βœ… Travel & Expense Management

  • Employees submit travel requests & expenses

  • Manager/Admin approval workflow

  • Expense reimbursements integrated with payroll


βœ… Loan Management

  • Loan request submission

  • Approval/rejection by manager/admin

  • Automatic EMI deductions from payroll


βœ… Task & Asset Management

  • Assign tasks with deadlines

  • Daily task tracking and reporting

  • Asset allocation (laptops, tools, etc.) and return management


βœ… Dashboards & Analytics

  • Role-based dashboards (HR/Admin, Manager, Employee)

  • Employee performance reports

  • Payroll and financial summaries

  • Attendance & leave analytics


βœ… Mobile App (Flutter)

  • Available on Android & iOS

  • Easy-to-use, responsive design

  • Push notifications for approvals, tasks, and alerts

  • Offline support with auto-sync




πŸ”Ή Why This HRMS App?

  • Scalable & Secure: Built with modular architecture and role-based access control


  • Cross-Platform Accessibility: Web (React) + Mobile (Flutter)


  • Automated Payroll & Compliance: Eliminates manual errors, integrates tax deductions


  • GPS-Powered Attendance: Prevents proxy attendance and ensures transparency


  • User-Friendly UI: Minimal learning curve for all roles




βœ… With this HRMS App, organizations can streamline HR processes, enhance employee engagement, and maintain compliance with payroll and tax regulationsβ€”all from one unified platform.



Project Demo Video