← Back to Portfolio
Work Order Manager (React + Django)
A modern React + Django app for managing work orders, scheduling, and client jobs.
📌 Overview
A fully decoupled frontend and backend application for tracking work orders in real time, built with Django REST Framework and React using Vite + Tailwind CSS.
🧩 The Problem
Managing client jobs and scheduling was inefficient and required a responsive, modern interface.
💡 The Solution
Built a responsive single-page React frontend with REST API integration, dynamic work order creation, scheduling calendar, and PDF generation.
🛠️ Tech Stack
Backend:
Django 5.1.6
DRF
PostgreSQL
Docker
Frontend:
React
Vite
Tailwind CSS
Axios
Deployment:
Heroku (API)
Netlify (Frontend)
Docker Compose
Tools:
WeasyPrint
FullCalendar
environs
✨ Special Features
- 🌟 Separate React + Django architecture
- 🌟 PDF generation for work orders (WeasyPrint)
- 🌟 Tailwind UI and dynamic event syncing
🎯 Real-World Problems Solved
- 🔧 Improved job tracking and scheduling
- 🔧 Streamlined client communication with printable summaries
🚧 Improvements for Next Time
- 🛠 Add notifications for due dates
- 🛠 Integrate role-based permissions and team accounts
🏅 What I'm Proud Of
- 🌈 Seamless full-stack pipeline from UI to PDF export
- 🌈 Smooth React-to-DRF integration with token auth
📚 Build Notes
Backend on Heroku using Docker. Frontend on Netlify with Vite build. Axios used for API communication, and PDF output handled via WeasyPrint on the backend.