AVAILABLE FOR NEW PROJECTS · INDEPENDENT SOFTWARE ENGINEER · BASED GLOBALLY ·AVAILABLE FOR NEW PROJECTS · INDEPENDENT SOFTWARE ENGINEER · BASED GLOBALLY ·AVAILABLE FOR NEW PROJECTS · INDEPENDENT SOFTWARE ENGINEER · BASED GLOBALLY ·AVAILABLE FOR NEW PROJECTS · INDEPENDENT SOFTWARE ENGINEER · BASED GLOBALLY ·AVAILABLE FOR NEW PROJECTS · INDEPENDENT SOFTWARE ENGINEER · BASED GLOBALLY ·AVAILABLE FOR NEW PROJECTS · INDEPENDENT SOFTWARE ENGINEER · BASED GLOBALLY ·

03 / Fullstack

Haziq

AI Chat Assistant

Role

Full-Stack Engineer

Year

2024

Duration

1 week

Category

Fullstack

Haziq hero image
Next.js 15TypeScriptTailwind CSS 4.0OpenAI GPT-4oPrismaPostgreSQLAuth.jsStripeVercel AI SDK

01 / Overview

Haziq is a modern AI-powered chat application that combines intelligent conversations, document analysis, and file processing in a clean, production-ready Next.js 15 interface.

02 / The Challenge

Problem

The goal was to build a real, shippable AI product—not just a playground. It needed secure authentication, subscription management, and reliable file handling on top of streaming AI conversations that feel fast and natural.

03 / The Approach

Solution

I designed and implemented a full-stack Next.js 15 app using the Vercel AI SDK for streaming GPT-4o responses, Prisma and PostgreSQL for data persistence, Auth.js for secure multi-provider auth, and Stripe for subscription billing. The result is a focused assistant that handles chat, document uploads, and account management within a single cohesive product.

04 / Features

What I Built

01

AI Chat Experience

Streaming GPT-4o chat with typing indicators, conversation history, and context-aware follow-ups in a clean, distraction-free UI.

02

File & Document Handling

Support for multi-format file uploads (documents, images, spreadsheets) with server-side processing and AI-powered analysis.

03

Authentication & Accounts

Auth.js-based authentication with email, Google, and GitHub sign-in, secure sessions, and profile management screens.

04

Subscriptions & Billing

Stripe-powered subscriptions with clear pricing tiers, upgrade flows, and usage-aware guardrails around heavy operations.

05 / Screens

Product Shots

Haziq screen
Haziq screen
Haziq screen
Haziq screen
Haziq screen
Haziq screen
Haziq screen
Haziq screen
Haziq screen

06 / Outcomes

Results

1 week

From blank repo to deployed AI product with auth, billing, and file handling.

Single codebase

Chat UI, API routes, background processing, and billing all live inside one Next.js app.

Production-ready

Designed and implemented with deployment, reliability, and future iteration in mind—not just as a demo.