FarmersDirect - Supply Chain Activity Feeds Web App

My client, FarmersDirect Coffee (FDC), sought to create transparency in the coffee supply chain by connecting consumers directly with farmers, thereby cutting out middlemen. FDC's mission was to ensure farmers reap the full benefits of their work, providing sustainably sourced, high-quality coffee at competitive prices. This project aimed to develop an activity feed that showcased the journey of coffee from farm to cup, allowing everyone involved—from farmers to consumers—to view the complete supply chain. I was tasked with building this transparent system, which highlighted every stage of the coffee supply process. From farmers, suppliers, and warehouses to roasters, packers, and consumers—everyone could view the entire supply chain of a coffee product. We chose modern technologies like NextJS with TypeScript to create an SEO-friendly, high-performance platform. The server-side rendering (SSR) helped minimize load times, while Incremental Static Regeneration (ISR) ensured up-to-date data caching. Additionally, React.js with TailwindCSS provided a responsive UI, and we leveraged GraphQL for efficient data querying. Key features included dynamic image resizing for different devices, multi-branding support for special clients, and Vercel's Data Cache for optimal data retrieval. These innovations not only made the supply chain transparent but also ensured a seamless UX.