AskQuill
A SaaS platform allowing users to upload PDFs and interact with them using AI. Built with a robust tech stack including Next.js, PostgreSQL, and Pinecone, AskQuill is designed for seamless functionality and scalability.
Benjamin Noje
About This Project
AskQuill is a cutting-edge SaaS platform empowering users to upload PDFs and chat with their content using AI models. Designed with a user-first approach, it offers robust functionality while maintaining simplicity in design.
Users can register or log in to access the Free or Pro plan. The Free plan includes basic features, such as uploading PDFs up to 4MB or 5 pages, with a limit of 3 uploads per day. The Pro plan unlocks advanced capabilities, enabling up to 25 uploads per day, larger file sizes (16MB), unlimited pages, and access to all AI models for comprehensive document interaction.
Building AskQuill was an enriching experience that combined frontend and backend expertise, leveraging tools like Pinecone for vector search, Stripe for seamless payment processing, and Uploadthing for file uploads. Its production-ready deployment reflects a commitment to high-quality software engineering.
Features 🖋️
- 🚀 Onboarding Flow - Simple registration and login process with email verification.
- 🔒 Secure Authentication - Email-password login with Clerk and Google OAuth.
- 📄 Upload PDFs - Seamless upload process for documents with file size and page limits based on plan.
- 💬 Chat with PDFs - AI-powered interaction for extracting insights and querying uploaded documents.
- ⚖️ Free vs Pro Plan - Tiered plans offering different upload limits, file sizes, and AI model access.
- 💳 Payment Integration - Pro plan purchase via Stripe for secure transactions.
- 📊 Usage Metrics - Dashboard showcasing user upload history and remaining limits.
- 🌐 Responsive Design - Optimized for all devices with TailwindCSS and ShadcnUI.
⚙️ Tech Stack
Frontend
A React-based framework for building modern web applications with server-side rendering and static site generation.
Frontend
A collection of pre-styled components built with Radix UI and TailwindCSS for rapid frontend development.
Frontend
A utility-first CSS framework that allows you to create custom designs quickly without leaving your HTML.
Backend
A strongly typed programming language built on JavaScript, providing better tooling and code safety.
Backend
A framework for building typesafe APIs in TypeScript, ensuring strong type safety between client and server.
Backend
A modern, serverless Postgres database designed for scalability, performance, and developer-friendly workflows.
Backend
A complete user authentication and management solution, including OAuth, magic links, and more.
Backend
A suite of powerful AI tools and APIs for natural language processing, image generation, and more.
Backend
A framework for building applications powered by language models, enabling chaining and memory for AI workflows.
Backend
A vector database optimized for AI applications, enabling fast and scalable similarity search and retrieval.
API
A robust API for handling payments, subscriptions, and financial transactions with ease and security.