back to home

Chat with PDFs

AI-Powered Document Analysis

typescriptpineconerole-based authpdf parsingframer-motiontailwindcss
View Live Project

Name is self-explanatory; it's like ChatGPT or Claude, but formatted on documents, PDFs, text files, markdown, etc. Chat with PDFs allows you to have intelligent conversations with your documents using AI.

Tech Stack

  • •Framer-Motion, TypeScript, TailwindCSS
  • •OpenAI API Integration
  • •Pinecone Vectorization
  • •Vercel for hosting, Clerk for authentication

Development Challenges

  • •My biggest challenge was how to make this cost-effective for me. I wanted to make this service free but I had to pay for OpenAI. I ended up figuring out the best package for OpenAI's API plan for my personal use.
  • •Formatting the text correctly was another major challenge, especially for right-to-left languages like Arabic.

Letter Formatting Implementation

  • •Character Shaping (Contextual Forms): Arabic requires shaping letters based on their position within a word
  • •Bidirectional (Bidi) Text Handling: Mixed LTR and RTL text needs proper Unicode and CSS properties
  • •Direction Attribute: Ensured all text elements had the correct dir attribute
  • •Font Selection: Chose fonts designed for multilingual support

Core Features

  • •Supports LTR and RTL text with precise letter shaping
  • •Context-aware responses powered by OpenAI and Pinecone
  • •Supports multiple document formats
  • •Accurate language parsing
  • •Optimized for responsive, cost-effective performance
Visit Project