ZeroToProduct
ZeroToProduct
  • 7
  • 4 948
I built a complex AI Powered PDF Chat App in 4 hours with Cursor AI
Can You Build an AI Powered PDF Chat App in 4 Hours with Bolt and Cursor AI?
If you wanna learn together, join my free Discord: discord.gg/9xbuDb38
Link to PRD + Claude Artifact: gist.github.com/00x20d/02df08a8466a2f32dc5bc6caa9537d57
Here are the timestamps:
00:00 Intro + Project Demo
01:09 Bolt Frontend + File Upload
05:36 File Upload Debugging
16:10 Supabase Authentication
30:07 PDF Preprocessing Basics
36:17 Preprocessing Attempt Bolt
50:56 Continue Working in Cursor + Chunking
59:29 Improving Frontend Styling + Minor Bug Fixing
01:11:31 Creating Embeddings with OpenAI
01:24:38 Implement Chatting Feature
01:29:19 Chatting Feature Debugging
01:38:38 Chatting Feature Success
01:47:14 Improving Security
In this video, I'm excited to show you PDFGenius, a full-stack web application I built with minimal coding knowledge, thanks to AI-powered tools like Cursor AI and Bolt.new coding editor.
PDFGenius is an app that lets you upload PDFs and chat with them using AI. Here's what I managed to create:
🚀 Key Features:
Upload PDFs and organize them into folders
Ask questions about your documents and get AI-powered answers
Split-screen view with the PDF on one side and chat on the other
Similarity search on the database to only pass relevant chunks to AI model
🛠️ Tech Stack:
I used NextJS 14 with TypeScript for the frontend and Supabase for the database. The AI assistants helped me implement PDF processing libraries and even set up a Redux store for state management!
🔒 Security:
Even though I'm new to coding, the AI tools guided me in implementing crucial security features like secure file uploads, and input validation.
Throughout this video, I'll walk you through my journey of building PDFGenius, showing how AI coding assistants helped me tackle complex tasks like PDF text extraction, embedding generation, and integrating with language models.
If you're interested in building web apps but felt intimidated by coding, this video is for you! I'll demonstrate how tools like Cursor AI and Bolt can empower you to create sophisticated applications, even without extensive programming experience.
Like and subscribe for more content on AI-assisted development and my journey into the world of coding!
มุมมอง: 785

วีดีโอ

Avoid These Cursor Beginner Mistakes ☝🏻#aicoding #claudeai #aiAvoid These Cursor Beginner Mistakes ☝🏻#aicoding #claudeai #ai
Avoid These Cursor Beginner Mistakes ☝🏻#aicoding #claudeai #ai
มุมมอง 203 วันที่ผ่านมา
Cursor AI workflow that will 10x your coding productivityCursor AI workflow that will 10x your coding productivity
Cursor AI workflow that will 10x your coding productivity
มุมมอง 2.8K9 วันที่ผ่านมา
Learn a Cursor AI workflow to significantly boost your coding productivity. This tutorial covers: 00:00 Intro Workflow Description 02:17 PRD Explanation 03:56 Core Features Breakdown 06:41 Adding Docs 13:35 Project Setup 1st Feature 17:04 Itinerary Debugging 26:33 Live Map API 33:20 Weather API 40:37 Database Setup 01:03:38 Retrieve Itineraries from DB Dividing your project into smaller compone...
Coding with Cursor AI | Build a Chrome Extension in under 2 hoursCoding with Cursor AI | Build a Chrome Extension in under 2 hours
Coding with Cursor AI | Build a Chrome Extension in under 2 hours
มุมมอง 11716 วันที่ผ่านมา
Hey fellas! In this video, I'm building a Chrome extension, using Cursor AI. You can find the timestamps below 👇 Full disclosure: I'm not a professional programmer, and this journey hasn't been without its challenges. I hope you'll learn a thing or two and find the video helpful. If so, please leave a like and subscribe so you don't miss any new content. ✌️ 00:00 - Intro Disclaimer 01:09 - Perp...
6 Cursor Beginner Mistakes to avoid6 Cursor Beginner Mistakes to avoid
6 Cursor Beginner Mistakes to avoid
มุมมอง 68720 วันที่ผ่านมา
🚀 In this video, we dive into the 6 most common beginner mistakes that could be holding you back from harnessing the true power of this revolutionary tool. Learn why neglecting the .cursorrules file is like driving without a GPS, and discover how to leverage it for tailored AI assistance. We'll show you why adding documentation for libraries and frameworks is crucial for Cursor to understand yo...
Let's build a simple Blog API in under 30 min (Cursor, Claude AI, Supabase)Let's build a simple Blog API in under 30 min (Cursor, Claude AI, Supabase)
Let's build a simple Blog API in under 30 min (Cursor, Claude AI, Supabase)
มุมมอง 10023 วันที่ผ่านมา
In my first video, I show you how to build a simple API backend in Cursor. I see a lot of shiny frontend To Do Apps built with Cursor, but you can do so much more. In this video I'll walk you through the process of setting up an API for a blog where you can add users and articles. This is only a demo of what's possible. But if you're willing to learn how to think like a developer, you can build...

ความคิดเห็น

  • @rlynotabot
    @rlynotabot วันที่ผ่านมา

    glad I'm not the only one finding bolt a pain in the a** omg.

    • @ZeroToProduct
      @ZeroToProduct วันที่ผ่านมา

      Yeah, fr. I really dont understand the hype about it. Bolt is dumb AF. 🙄 For static websites or simple one feature applications, okay. Maybe you can use it. But if you want to build real-world applications, no way. Sad to see that so many TH-camrs say otherwise just for the clicks.

  • @lawrence9239
    @lawrence9239 4 วันที่ผ่านมา

    Very informative!

    • @ZeroToProduct
      @ZeroToProduct 3 วันที่ผ่านมา

      Thank you. 🙏

  • @fastscript1343
    @fastscript1343 5 วันที่ผ่านมา

    valuable video

    • @ZeroToProduct
      @ZeroToProduct 5 วันที่ผ่านมา

      thanks so much 🙏🏻

  • @Martsys1
    @Martsys1 6 วันที่ผ่านมา

    Clear and concise explanations. I just subscribed and I look forward to future videos. Thank you for making quality content that educates.

    • @ZeroToProduct
      @ZeroToProduct 5 วันที่ผ่านมา

      thanks for the feedback, I appreciate it. Next video will be an AI PDFChat App. I started with Bolt but it can't compete with Cursor. So I had to fork the project and continue it in Cursor. Lots of new stuff in there (working with pdfs, creating embeddings, search algorithms etc). Stay tuned. :)

  • @jaggyjut
    @jaggyjut 6 วันที่ผ่านมา

    Superb. Finally a tutorial covering database with cursor. Thank you.

    • @ZeroToProduct
      @ZeroToProduct 6 วันที่ผ่านมา

      you're welcome. Yeah, this is kinda the idea of the channel: to show you can also build more complex apps with AI tools if you have enough persistence. 😅 Working on a PDFChat app right now - definitely takes more time, but it's possible. Expect the video in the next few days. Also, I am building it with Bolt(.)new to see if the current hype is real.

  • @husniadil
    @husniadil 6 วันที่ผ่านมา

    I saw the same method from AI Jason. And yes it works for me.

    • @ZeroToProduct
      @ZeroToProduct 6 วันที่ผ่านมา

      great that you've found something that works for you :)

  • @invalidred
    @invalidred 6 วันที่ผ่านมา

    Awesome video tutorial ZeroToProduct. I'd love to learn more about how you use vizard indeed! Keep up the great content.

    • @ZeroToProduct
      @ZeroToProduct 6 วันที่ผ่านมา

      It's definitely on my content plan 👍

  • @Whoknowsthatman
    @Whoknowsthatman 6 วันที่ผ่านมา

    We need more long form videos, keep it up 👍🏽

    • @ZeroToProduct
      @ZeroToProduct 6 วันที่ผ่านมา

      working on it - expect it to be online in the coming days 💪 thanks for the encouragement.

  • @MINECRAFTxPRODIGY10
    @MINECRAFTxPRODIGY10 6 วันที่ผ่านมา

    Awesome video man. Thanks for the clarity

    • @ZeroToProduct
      @ZeroToProduct 6 วันที่ผ่านมา

      I'm glad you like it :)

  • @thiagofrois4525
    @thiagofrois4525 7 วันที่ผ่านมา

    Really helpful! Thanks.

    • @ZeroToProduct
      @ZeroToProduct 6 วันที่ผ่านมา

      thanks for the positive feedback. means the world to me :)

  • @antimon9085
    @antimon9085 7 วันที่ผ่านมา

    Funny how he tries to look like Zachary Quinto.

    • @ZeroToProduct
      @ZeroToProduct 7 วันที่ผ่านมา

      @@antimon9085 trying to look like myself but I'ma take that as a compliment ✌️

    • @antimon9085
      @antimon9085 7 วันที่ผ่านมา

      @@ZeroToProduct You even have his beard! But if this look was not intended let me tell you you could be his twin brother!

  • @daddydawg2388
    @daddydawg2388 7 วันที่ผ่านมา

    His pd is 50/50

    • @ZeroToProduct
      @ZeroToProduct 7 วันที่ผ่านมา

      @@daddydawg2388 no idea what pd stands for

  • @pachecotaboadaandrejoaquin6727
    @pachecotaboadaandrejoaquin6727 15 วันที่ผ่านมา

    Excellent video; I learnt a lot of features from Cursor in a short time, thanks!

    • @ZeroToProduct
      @ZeroToProduct 14 วันที่ผ่านมา

      @@pachecotaboadaandrejoaquin6727 you're welcome ✌🏻 and thanks for the kind words.

  • @overthrowenjoyer
    @overthrowenjoyer 16 วันที่ผ่านมา

    Helpful video, thanks!

    • @ZeroToProduct
      @ZeroToProduct 16 วันที่ผ่านมา

      Hey man, thank you - I appreciate it 👍

  • @-foxy1859
    @-foxy1859 21 วันที่ผ่านมา

    Keep it up really good stuff

    • @ZeroToProduct
      @ZeroToProduct 21 วันที่ผ่านมา

      Thanks :) pretty much new to this whole TH-cam thing but I'll make sure to get better. 💪🏻