Full-Stack Project: Maintenance Management System with React + Node.js + PostgreSQL

🚀 In this video, I build GearGuard – a powerful, professional maintenance management system inspired by Odoo, completely from scratch using modern full-stack technologies!

Whether you're a developer looking for a real-world project or a business needing to track machines, vehicles, or IT assets – this app has everything: Kanban boards, calendar scheduling, smart buttons, role-based access, and automated workflows.

🛠️ Tech Stack:
• Frontend: React + TypeScript + Vite + Tailwind CSS
• Backend: Node.js + Express + TypeScript
• Database: PostgreSQL with Prisma ORM
• Auth: JWT + bcrypt (secure, admin-only user creation)
• UI Libraries: @dnd-kit (drag & drop), react-big-calendar, lucide-react, react-hot-toast

✨ Key Features Implemented:
• Equipment management (central asset database)
• Maintenance Teams with specialized members
• Maintenance Requests (Corrective & Preventive)
• Interactive Kanban Board with drag-and-drop stages (New → In Progress → Repaired → Scrap)
• Calendar View for scheduled preventive maintenance
• Smart Button on Equipment with open request count badge
• Auto-fill team/category when selecting equipment
• Scrap logic: automatically deactivate equipment
• Overdue indicators (red alerts)
• Full Role-Based Access:
General Users: Report issues
Technicians: Team-only Kanban workspace
Managers: Schedule preventive, assign tasks
Admins: Full control + user/team/equipment management

This project is perfect for:
• Learning full-stack development
• Portfolio showcase
• Building internal tools for companies

💻 Source Code: https://github.com/MohitSoni2021/The-...
🎨 Mockup: https://link.excalidraw.com/l/65VNwvy...

🔥 Like, Subscribe & Hit the Bell for more full-stack projects, system design, and real-world app builds!

#FullStack #React #NodeJS #PostgreSQL #Prisma #WebDevelopment #Tutorial #Project #Odoo #MaintenanceApp #Kanban #TailwindCSS