Foora

Tech Stack

  • Next.js
  • React Server Components
  • Tailwind CSS
  • PostgreSQL
  • Drizzle ORM
  • better-auth
  • TypeScript
  • Vercel

About the Project

Foora is a full-stack fruit bowl ordering and product showcase platform built with Next.js server components, PostgreSQL, and Drizzle ORM. It features a polished customer-facing storefront — including a landing page and product showcase — alongside a comprehensive admin panel for real-time order management. Authentication is handled end-to-end using better-auth with full signup and sign-in flows.

Timeline

2025

Platforms

Web

Things Learnt in this Project

  • Built full-stack pages using Next.js React Server Components for fast, SEO-optimised rendering
  • Used Drizzle ORM with PostgreSQL for type-safe, schema-first database management directly in server actions
  • Implemented end-to-end authentication with better-auth including signup, sign-in, and protected admin routes
  • Built an admin dashboard to track, manage, and update all incoming orders in real time
  • Designed a product showcase and ordering flow with Tailwind CSS for a fully responsive experience
  • Deployed on Vercel with server-side data fetching for optimal performance

Foora is a modern fruit bowl ordering and product showcase platform built entirely with Next.js, leveraging React Server Components for fast, SEO-friendly page rendering. The platform serves two audiences — customers discovering and ordering fruit bowls, and administrators managing the business end-to-end.

Foora – Landing Page

The customer-facing side includes a visually rich landing page highlighting the brand and offerings, and a dedicated products showcase page where customers can browse the full menu, view details, and place orders with a smooth, intuitive checkout experience. Authentication is handled using better-auth, covering full signup and sign-in flows with secure session management so that admin routes stay protected and customer sessions persist reliably across visits.

Foora – Admin Panel

The admin panel provides a centralised dashboard to track all incoming orders in real time, manage product listings, update availability, and monitor business metrics. Admins can mark orders as completed, review order history, and manage customer data from a single interface without leaving the app.

The data layer is built on PostgreSQL with Drizzle ORM — a lightweight, type-safe, schema-first ORM that pairs naturally with Next.js server actions. Direct database access from server components eliminates the need for a separate API layer, keeping the architecture lean and performant. Tailwind CSS drives the entire UI, ensuring a consistent, responsive design from mobile ordering flows through to the full-width admin dashboard.