PDF AI Frontend

A modern AI-powered frontend interface for chatting with PDF documents. Built with Next.js App Router, ShadCN UI, and TailwindCSS.

👉 Live Demo

---

Features

• Upload PDF files and chat with their content
• View and switch between multiple chat sessions
• Delete sessions with confirmation
• Seamless auth with protected routes
• Fully responsive UI with smooth UX
• Toast notifications and animated typing indicator

---

Tech Stack

• Next.js 14 (App Router)
• TypeScript
• TailwindCSS
• ShadCN UI
• Lucide Icons
• React Context
• React Query (for data fetching and caching)
• Zod (for schema validation)

---

Getting Started

1. Clone the repo

git clone https://github.com/faselgodbcho/pdfai-frontend.git
cd pdfai-frontend

2. Install dependencies

npm install
# or
pnpm install
# or
yarn install

3. Start the dev server

npm run dev

Open http://localhost:3000 in your browser.

⚠️ Make sure to set the required environment variables in a .env.local file (see .env.example for reference).

Environment Variables

Create a .env.local file and configure it like:

NEXT_PUBLIC_BACKEND_BASE_URL=https://your-backend-api.com

Build for Production

npm run build

Then run:

npm start

Resources

• Next.js Docs
• ShadCN UI
• TailwindCSS Docs