A production-ready workforce management application built with React, TypeScript, and modern frontend tooling.
The application allows managers and coordinators to create jobs, manage workforce hierarchies, assign temporary workers, track availability, and interact with the platform through both a traditional web interface and AI-powered workflows.
https://jobs.dinaratiumina.com
This project was created to solve a common workforce scheduling problem:
- Managing large pools of temporary workers
- Tracking workforce availability
- Preventing scheduling conflicts
- Managing manager-worker relationships
- Providing a simple user experience for job assignment workflows
The application evolved from a basic CRUD project into a fully deployed cloud-hosted system with secure authentication, hierarchical permissions, and AI integration.
- Secure login and logout
- JWT authentication
- HttpOnly cookie storage
- CSRF protection
- Protected routes
- Session persistence
- View workers
- Create workers
- Update worker details
- Workforce hierarchy visualisation
- Manager-subordinate relationships
- Create jobs
- Edit jobs
- Assign workers
- Remove workers
- Availability validation
- Conflict prevention
- Responsive design
- Loading states
- Error handling
- Pagination
- Sorting
- Filtering
- Form validation
- MCP-powered assistant integration
- Natural language workforce queries
- AI-assisted job management workflows
- React
- TypeScript
- Vite
- React Router
- TanStack Query
- Axios
- Vitest
- React Testing Library
- JWT Authentication
- CSRF Protection
- Secure Cookies
React Frontend
│
▼
Spring Boot REST API
│
▼
Aurora / MySQL Database
The application is deployed using AWS services:
- AWS Amplify
- Route 53
- AWS Certificate Manager
- Custom HTTPS domain
Production URL:
https://jobs.dinaratiumina.com
This project significantly expanded my frontend engineering skills.
Key learning outcomes included:
- Building a large React application using TypeScript
- Managing API state with TanStack Query
- Implementing authentication flows
- Handling secure cookie-based authentication
- Working with protected routes
- Designing reusable components
- Consuming REST APIs
- Managing asynchronous data loading
- Debugging production deployment issues
- Connecting frontend applications to AWS-hosted backend services
The project also provided practical experience working across a full-stack architecture rather than building frontend applications in isolation.
- Real-time notifications
- Workforce calendar view
- Mobile application
- Advanced reporting dashboards
- AI scheduling recommendations