Back Full Stack 2024
Featured
Farm Dream Client
A modern laying hen farm management system with role-based access for Super Operator, Operator, and Investor.
About This Project
Farm Dream Client is a modern web application for managing laying hen farms, covering coop monitoring, flock population, egg production, and finances. It is designed around an intuitive, responsive interface and supports three roles with tailored access: Super Operator (full access), Operator (operational coop management), and Investor (investment monitoring). It includes a real-time analytics dashboard with Chart.js graphs and JWT authentication backed by Google reCAPTCHA.
Tech Stack
React.js React Router Bootstrap Chart.js Axios JWT SweetAlert Google reCAPTCHA
Challenges
- Implementing role-based access control for three distinct user types
- Managing complex state across coops, flock population, egg production, and finances
- Integrating Chart.js for responsive real-time data visualisation
- Handling SPA routing on Vercel through vercel.json configuration
Solutions
- JWT token authentication with role-based routing using React Router v6
- Context API and custom hooks for efficient state management
- Chart.js with a responsive configuration for the analytics dashboard
- Vercel rewrites to stop direct SPA URLs from returning 404