Ibrahim.dev
All work
Prototype2026E-commerce

Firdaos Haven

A premium fragrance e-commerce concept

Next.js 16React 19TypeScriptTailwind CSS v4Framer MotionNeon PostgresDrizzle ORMVercel Blob
Firdaos Haven homepage
01

The Idea

Explore a polished, editorial storefront for a fragrance brand — the tactile, scroll-triggered e-commerce feel premium scent brands use — built as a reusable template.

02

The Problem

Most small-brand e-commerce sites lean on generic templates that don't convey a sensory, premium product like fragrance.

03

The Solution

A Next.js storefront with a scroll-driven hero (a mist-and-notes animation), a Postgres-backed product catalog with photo uploads via Vercel Blob, cart and wishlist state persisted client-side, and a single signed-in admin login for catalog management.

04

My Role

Solo — built the storefront, the admin auth/session layer (signed cookies, hashed passwords), and the product data layer.

05

Challenges

Getting the animation layer — scroll reveals, hover states, the hero mist effect — to feel premium rather than gimmicky, and building real admin auth (signed sessions, hashed passwords) for what's otherwise a template-style project.

06

Status

Prototype

Prototype — self-documented as a 'production-quality prototype, not a finished production system.' Not verified as processing real orders or payments.

Key Features

  • Scroll-reveal, hover, and hero animations tuned for a fragrance brand
  • Product catalog with image uploads via Vercel Blob
  • Cart and wishlist with persisted state
  • Single admin login for catalog management
  • Documented known limitations rather than presented as payment-ready

Technology

Next.js 16React 19TypeScriptTailwind CSS v4Framer MotionNeon PostgresDrizzle ORMVercel Blob