← Back to Projects

Qohira — E-Commerce Manual Payment

Full-stack e-commerce platform dengan manual payment flow, real-time inventory, admin dashboard, dan push notifications — dipakai client nyata

production2026

🚀 Live Production Project

This project is deployed and accessible online. Click the button above to explore the full application in action!

Qohira — E-Commerce Manual Payment screenshot

About This Project

Full-stack e-commerce platform yang dibangun untuk client nyata. Dilengkapi product catalog, shopping cart dengan real-time inventory check, manual payment verification flow, admin dashboard untuk product & order management, email notifications, dan web push notifications. Built dengan Next.js, tRPC, dan Prisma ORM dengan arsitektur type-safe end-to-end.

The Problem

Client butuh toko online dengan alur pembayaran manual (transfer bank) dan verifikasi oleh admin sebelum pesanan diproses

xTidak ada sistem terpusat untuk kelola produk & pesanan
xKonfirmasi pembayaran manual via chat, rawan terlewat
xTidak ada notifikasi otomatis ke pembeli & admin

The Solution

E-commerce platform dengan manual payment verification flow — customer upload bukti transfer, admin konfirmasi via dashboard, notifikasi otomatis via email & web push

Before vs After

Sekarang semua pesanan dan konfirmasi bayar masuk satu tempat, gak perlu cek WA terus.
P

Pemilik Toko

Client Qohira

Key Highlights

16 Products, 6 Orders

Data nyata dari production database — dipakai client aktif

Manual Payment Flow

Upload bukti transfer → admin verify → order confirmed otomatis

Push Notifications

Web push + email alerts untuk order baru & status update

Features

Product catalog dengan categories & filtering
Shopping cart dengan real-time inventory check
User authentication dengan NextAuth
Admin dashboard untuk product & order management
Order tracking system
Payment integration ready
Email notifications dengan Resend
Push notifications support
Image upload & optimization dengan Cloudinary
Responsive design untuk semua device
Bundle size optimization dengan analyzer

Technology Stack

Frontend

Next.js 16React 19TypeScript 5.9Tailwind CSS

Backend & API

tRPCPrisma ORMPostgreSQL

Services & Integrations

CloudinaryResend EmailWeb PushNextAuth v4

Impact & Results

📊Dipakai client nyata dengan admin dashboard aktif

Type-safe end-to-end dengan tRPC + Prisma ORM

💾16 products & 6 orders in production database

Abdul Gofur - Full-stack Developer Portfolio