Agro-Finance Management CRM
Agro Finance Manager
Agro Finance Manager simplifies the management of agriculture and related organizations. Farmers deliver harvested products for storage or sale to the government, contracts are created and signed electronically (E-imzo), and AgroFond handles payments to farmers. The system ensures transparency, automation, and efficient tracking of deliveries, contracts, and payments.
Project Information
Role: Frontend Developer
Team: 3 Developers (2 Frontend, 1 Backend)
Duration: 3 months
Year: 2025
Tech Stack
Next.js
React 19
TailwindCSS
ShadcnUI
Radix UI
Material UI (MUI)
Lucide Icons
Axios
React Hook Form
Zod
Yup
TanStack React Table
React Query
i18next
SweetAlert2
Sonner
Recharts
Day.js
Date-fns
Key Features
- Harvest product intake and storage or sale
- Automated digital contract generation with E-signature
- Real-time farmer payment tracking
- Multilingual support (i18next)
- Interactive dashboards for deliveries, contracts, and payments
- Alerts and notifications for key events
- Comprehensive transaction history for transparency
- Responsive and accessible UI across all devices
My Responsibilities
- Implemented farmer product intake and storage/sale workflows
- Integrated digital contract generation and electronic signatures (E-imzo)
- Developed real-time payment tracking and settlement features
- Built interactive dashboards using Recharts and TanStack React Table
- Ensured multilingual support with i18next
- Applied responsive UI components using TailwindCSS, ShadcnUI, Radix UI, and MUI
- Handled form validation using React Hook Form, Zod, and Yup
- Implemented notifications and alerts with SweetAlert2 and Sonner
Advantages
- Automated Contract Generation and E-signature: Reduces manual paperwork
- Transparent Payment Tracking: Farmers can track payouts in real time
- Flexible Delivery Options: Supports storage and immediate sale workflows
- Full Transaction History: Maintains detailed records of all farmer transactions
- Efficient Agricultural Management: Streamlines product, contract, and payment processes
Challenges
- Synchronizing real-time delivery and payment data
- Ensuring secure and accurate electronic contract signing
- Managing multilingual content across the application
- Integrating multiple frontend UI libraries without conflicts
Solutions
- Used Axios and React Query for real-time data fetching and caching
- Leveraged TailwindCSS, ShadcnUI, Radix UI, and MUI for modular, responsive UI
- Implemented form validation and business logic with React Hook Form, Zod, and Yup
- Tested extensively across devices and user roles to ensure reliability
