Modern, AI-powered quote generation platform for businesses and professionals

AI Quote Builder is a web application designed to streamline the process of generating, managing, and exporting professional quotes. Leveraging the latest in AI, modern web technologies, and best practices, this project demonstrates expertise in scalable, maintainable, and accessible application development.

AI-powered quote generation and field extraction

Voice input and transcription for hands-free operation

PDF export and document management

Quote history and user authentication

Responsive, accessible UI with Shadcn UI & Tailwind CSS

Robust form validation with Zod

Global state management with Zustand

Framework: Next.js (App Router)

Language: TypeScript

Styling: Tailwind CSS, Shadcn UI, Radix UI

State Management: Zustand

Validation: Zod

Database: Supabase w/Drizzle ORM

Authentication: Clerk

API: OpenAI utilising 4o and Whisper-1 models

Functional, component-driven architecture

DRY principles and type safety throughout

Custom hooks for reusable logic

App Router and Server Components by default; 'use client' only where necessary

Strict linting and formatting rules

Accessibility (a11y) ready

Error boundaries and robust error handling

Implemented AI features and prompt engineering

Ensured accessibility and responsive design across devices

Integrated multiple modern libraries for a seamless developer experience

Overcame challenges with server/client component boundaries in Next.js

Maintained clean, scalable codebase with TypeScript