Loading
Projects/Case Study
Full StackPersonal Project

Libas

Libas is a modern e-commerce platform for Pakistani fashion retail built with Next.js 16 and TypeScript. It provides a complete shopping experience with product browsing, filtering, search, cart management, wishlist, order tracking, and secure Stripe payment processing.

Role

Full Stack Developer

Year

2026

Stack

Next.js 16, TypeScript, TailwindCSS 4

Libas
01

The Challenge

Building a production-ready e-commerce platform with a modern tech stack that balances performance, type safety, and developer experience. The challenge was implementing secure authentication with Better Auth, integrating Stripe payments, and managing complex state with Zustand while maintaining a clean, maintainable codebase.

02

The Outcome

Delivered a full-featured e-commerce platform with PostgreSQL database via Drizzle ORM, secure authentication, complete shopping cart and checkout flow with Stripe integration, and comprehensive testing with Vitest. The project demonstrates modern Next.js patterns with App Router, server components, and type-safe development.

03

What It Does

01

Modern UI/UX

Responsive design with Tailwind CSS and custom animations

02

Secure Authentication

User authentication with Better Auth

03

Product Management

Browse products with filtering, search, and categorization

04

Shopping Cart

Full-featured cart with Zustand state management

05

Wishlist

Save favorite items for later

06

Order Tracking

Track orders in real-time

07

Payment Integration

Stripe payment processing

08

Database

PostgreSQL with Drizzle ORM

09

SEO Optimized

Built-in SEO components and structured data

10

Type-Safe

Full TypeScript coverage with strict type checking

11

Testing

Vitest for unit and integration tests

12

Code Quality

Biome for linting and formatting

04

Gallery

Click to expand
Haider Ahmad | Full Stack Developer & UI/UX Designer