Khan Enterprise

Fire Safety Equipment

Type
Product
Built with
TypeScript
Source
Private repository
Live at
unrivaled-hotteok-5656b1.netlify.app
unrivaled-hotteok-5656b1.netlify.app
Khan Enterprise screenshot

Overview

A storefront and operations platform for Khan Enterprise, a fire safety equipment supplier based in Khulna, Bangladesh, serving Khulna, Jashore, Satkhira, Bagerhat, Narail and Mongla.

Core features

A searchable product catalogue across six categories — fire extinguishers, refilling and chemicals, alarm and detection, hose and hydrant, blankets and suppression, and PPE and signage — with BDT pricing, per-unit measures and live stock indicators. Rather than a checkout, the site uses an enquiry cart: customers add items and submit a quote request with delivery address and requirement details, matching how industrial supply is actually transacted, with call and email paths alongside. Behind it sits an operations layer for inventory, maintenance scheduling and compliance records covering the recurring servicing side of the business — refilling, pressure testing and annual maintenance contracts whose records must be ready for inspection.

Architecture

A Next.js App Router application in TypeScript with Drizzle ORM providing type-safe access to PostgreSQL on Supabase, Zod and React Hook Form validating input, Zustand holding client state, and shadcn/ui with Tailwind for the interface. Authentication is custom JWT-based with dual roles, separating the customer storefront from the administrative area.

Localisation is structural rather than cosmetic: BDT currency, Bangladeshi address and phone formats, and regional delivery zones are modelled directly.

Frameworks, tools & libraries

The stack behind it

Frameworks

  • Next.js (App Router)
  • React
  • Tailwind CSS 4

Tools & infrastructure

  • PostgreSQL (Supabase)
  • Supabase Storage
  • Netlify
  • Remotion

Libraries

  • Drizzle ORM
  • Zod
  • React Hook Form
  • Zustand
  • shadcn/ui
  • Recharts
  • React Quill

Skills applied

What I brought to it

  1. 01

    E-commerce catalogue and enquiry-to-quote funnel design

  2. 02

    Dual-role authentication and authorization (customer vs. administrator)

  3. 03

    Inventory and stock management

  4. 04

    Maintenance scheduling and compliance record-keeping for safety audits

  5. 05

    Localisation for the Bangladeshi market (BDT pricing, local address formats, regional delivery zones)

  6. 06

    Type-safe database access with Drizzle ORM

  7. 07

    File/image storage and rich text content management

  8. 08

    Custom JWT authentication

Languages

What it's written in

  • TypeScript / TSX~265 files

    application code

  • JavaScript

    config

  • CSS

    styling

Next project

LandlordOS