Build an HR Management App with Laravel 13 + React (Full Course)
code with SJM
0:00 / 0:00
Build an HR Management App with Laravel 13 + React (Full Course)
5 089 просмотров · 1 мес. назад
code with SJM
7,51 тыс. подписчиков
5 089 просмотров · 1 мес. назад
Learn full-stack web development by building a complete HR Management platform from scratch with Laravel 13, React 19, Inertia.js 3, and Tailwind CSS 4 — we call it PeopleHQ.
Launch your website today and save big!
Get an exclusive 20% OFF your Hostinger hosting plan using my special link:
👉 https://www.hostinger.com?REFERRALCOD...
This beginner-friendly, 13-episode course takes you from an empty starter kit to a real HR system: role-based access for four different roles, an employee directory with real photo uploads and a progress bar, departments & positions, a leave request and approval workflow with database transactions, attendance clock-in/out, company-wide timesheets, monthly payroll with printable payslips (real PDF output, zero extra libraries), a live dashboard with a hand-built chart, streaming CSV exports that never run out of memory, and a real Pest test suite proving the roles and workflow actually work.
No separate REST API, no CORS headaches — we use Inertia.js to connect Laravel and React in a single codebase. Every single code block is typed out and explained in plain language as we go. No hand-waving, no "you get the idea" — every controller method, every React component, every line that ends up in the finished app is on screen.
What you'll build:
✅ Role-based permissions (Admin, HR, Manager, Employee) enforced on server AND mirrored in the UI
✅ Employee directory with search, filters, avatar uploads & rich profiles
✅ Departments & positions management (the reusable CRUD pattern the whole app is built on)
✅ Leave requests with an approve/reject workflow that safely updates balances inside a transaction
✅ Attendance clock-in/out with automatic present/late detection
✅ Company-wide timesheets with computed hours & totals
✅ Monthly payroll + printable payslips you can save as a real PDF — no library required
✅ HR dashboard with KPI cards and a proportional bar chart built from plain divs
✅ Memory-safe streaming CSV exports for the directory & payroll
✅ A real Pest test suite covering pages, permissions, and the approval workflow
Tech: Laravel 13 · React 19 · TypeScript · Inertia.js 3 · Tailwind CSS 4 · Pest 4 · SQLite
🔔 Subscribe and build along!