Work Order Manager (React + Django)
A modern React + Django app for managing work orders, scheduling, and client jobs.
Project 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 Challenge
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.
Technology Stack
Backend
Frontend
Deployment
Tools
Key Features
Separate React + Django architecture
PDF generation for work orders (WeasyPrint)
Tailwind UI and dynamic event syncing
Business Impact
Improved job tracking and scheduling
Streamlined client communication with printable summaries
Technical Achievements
Seamless full-stack pipeline from UI to PDF export
Smooth React-to-DRF integration with token auth
Future Enhancements
Add notifications for due dates
Integrate role-based permissions and team accounts
Technical Implementation
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.