Live
Demo surface
Deployed at kettailor.io.vn with a public evaluation account.
← Back to projects
Full-Stack Web / Smart Farm Information System
KetKat-EcoFarm Smart Farm Management System
A live smart farm management and agricultural traceability platform with dashboards, digital farm maps, livestock QR lookup, work planning, warehouse records, documents, notifications, and public pages.
- Year
- 2026
- Type
- Academic / Product-style smart farm platform
- Period
- 2026
- Status
- Published
- Role
- Developer / system designer for the deployed smart-farm information system.
- Demo
- Interactive
- Architecture
- Next.js 14 App Router with API routes, PostgreSQL schema, Docker Compose services, Nginx reverse proxy, map/QR integrations, and public traceability surfaces.
- Source
- GitHub: Kettailor/Smart_Farm_Management_System
Project preview
KetKat-EcoFarm centralizes farm operations in a deployed Next.js system: operation dashboards, digital farm maps, livestock groups and profiles, treatment/event histories, QR traceability, grazing and task planning, warehouse and chemical records, document management, user roles, notifications, and public farm/livestock lookup pages.
8+
Farm modules
Dashboard, map, livestock, grazing, work, warehouse, documents, roles, notifications, and public lookup.
QR
Traceability
Livestock profiles, event history, QR codes, and public farm/livestock pages.
Smart farm workflow
Connects farm maps, resources, paddocks, livestock, tasks, grazing plans, and records into one operational system.
Traceability experience
Uses QR-oriented public lookup pages so internal livestock records can be reviewed outside the admin workflow.
Delivery readiness
Includes Docker Compose, Nginx, PostgreSQL, Adminer, environment examples, security notes, and quality scripts.
Live interaction
REVIEW IT IN MOTION.
The project has a connected live surface, so reviewers can move from the case study into the product experience.
https://kettailor.io.vn/smart-farm-management-system
Live demo available
Open the demo directly for the full experience.
This project is deployed and ready to review. The live site is opened in a new browser tab to avoid iframe blocking and keep the preview stable.
Open live demoChallenge
Represent many farm operation workflows without making the product feel like a loose collection of unrelated CRUD screens.
Solution
Group features around farm operations, connect them through dashboards, maps, schedules, records, documents, notifications, and public traceability pages.
Outcome
A live full-stack smart-farm information system that demonstrates Next.js, TypeScript, PostgreSQL, Docker, maps, charts, QR scanning, role-based management, and deployment documentation.
Recruiter view
WHAT TO NOTICE IN THIS PROJECT.
Shows ability to build a real information system, not only isolated pages.
Good evidence for roles involving Next.js, PostgreSQL, dashboards, maps, QR flows, and Docker-based setup.
Useful interview topic: domain model, module boundaries, public traceability flow, and deployment workflow.
Process
HOW IT WAS BUILT.
A concise view of the product, design, engineering, and delivery decisions behind the final result.
Domain modeling
Mapped farms, areas, water sources, livestock groups, individual animals, treatments, events, tasks, warehouse items, documents, and roles into practical modules.
Operations dashboard
Built summary cards, data coverage, traceability flow, charting, notifications, and navigation so farm status is understandable at a glance.
Map and QR surfaces
Connected digital farm zones, shared public maps, animal QR codes, and public lookup pages to bridge internal records with external review.
Deployment path
Prepared local Docker services, PostgreSQL schema, Nginx proxy, Adminer, environment templates, health checks, and quality scripts for repeatable setup.
Contribution
ROLE AND STACK.
Responsibilities
- Full-stack development
- Domain and data modeling
- PostgreSQL schema design
- Map and traceability workflows
- Docker local environment
- Security and deployment documentation
Technology
Next.js 14React 18TypeScriptPostgreSQL 16pgDockerDocker ComposeNginxMapLibre GLLeafletRechartsSassCSS ModulesZXingjsQRGitHub ActionsNode.js 22
Why this project matters
Smart Farm Management System shows an information-system mindset: data is not only stored, it is shaped into daily farm decisions, traceability checks, public review surfaces, and deployment-ready workflows.
“The live demo is connected, so reviewers can move from the portfolio case study into the actual farm dashboard and traceability experience.”
Next steps
WHAT GETS BETTER NEXT.
Add a guided demo path for recruiters who have only a few minutes.
Publish more screenshots for the map, livestock QR flow, work board, and warehouse modules.
Add measurable demo data outcomes as the system receives more review feedback.