How to build a PDF summarizer using AI - React JS Next.js

  Рет қаралды 17,215

Adrian Twarog

Adrian Twarog

Күн бұрын

I'll show how you can build a PDF summary App using AI. I'll use a plain CLI with Node JS and then I'll add a user interface with Next.js and React JS. The PDFs can have multiple pages and can summarize large documents with large language models using Octo AI.
Check out the full project at:
github.com/octoml/octoai-text...
Give OctoAI a try at: (Thanks to Octo AI for sponsoring the video!)
octoai.cloud/
Join the conversations happening on OctoAI's Discord here:
/ discord
00:00 - PDF Summary using AI
01:28 - CLI - Setup Octo AI API Key
02:22 - CLI - Setup Node JS Project
03:43 - CLI - Prepare API for Octo AI
05:26 - CLI - Prepare Client Terminal Prompting
07:58 - CLI - Setup PDF Parse Documents
11:52 - CLI - Summarize PDF and Export PDF to TXT
13:21 - Next.js - Setup Next JS User Interface
17:14 - Next.js - Setup basic API route for AI Summarization
18:25 - Next.js - Frontend API Call to Backend Route
19:44 - Next.js - Configure OctoAI API Package
21:42 - PDF Summarizer using AI CLI and UI Summary
#pdf #octoai #ai
Want to learn more? ⭐ Check out my courses! ⭐
📘 Teach Me Design - Course: www.enhanceui.com/
📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.com/
Software & Discounts:
💻 Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
✖ Editor X: www.editorx.com/adrian-twarog
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: 1.envato.market/yRZjz2
🌿 Envato Elements: 1.envato.market/LP0OJZ
🔴 Elementor: elementor.com/adrian/?ref=23140
Computer Gear:
⬛ Monitor: amzn.to/3f9DOQI
⌨ Keyboard: amzn.to/3eA5UFD
🐁 Mouse: amzn.to/3xVJO8l
🎤 Mic: amzn.to/3hgCfms
📱 Tablet: amzn.to/3ewt7sa
💡 Lighting: amzn.to/3vOZeZY
💡 Key Lighting: amzn.to/3f6qP2f
Camera Equipment:
📷 Camera: amzn.to/3uCv4J9
📸 Primary Lens: amzn.to/3vT6wMm
📸 Secondary Lens: amzn.to/3tyqWIX
🎥 Secondary Camera: amzn.to/3o2zCGi
🎙 Camera Mic: amzn.to/33tCz9l
🎞 USB to HDMI: amzn.to/33yW9RE

Пікірлер: 15
@robertglover8022
@robertglover8022 3 ай бұрын
Just a talented demonstration of a powerful application tool for aspiring developers. Grade A+!
@ranasif
@ranasif 3 ай бұрын
Great video, your explantion simple and good, thanks!
@stealthhumor
@stealthhumor 3 ай бұрын
It's over my head no matter how simple it is.
@vladNMP
@vladNMP 3 ай бұрын
awesome work
@herbertk9266
@herbertk9266 Ай бұрын
Thank you
@opionetics
@opionetics 2 ай бұрын
what keyboard are you using ? I would like to buy the same.
@eugenelmx
@eugenelmx 3 ай бұрын
Was the speech for this video also AI generated? No shade, just curious 😊
@bijeesraj007
@bijeesraj007 3 ай бұрын
I believe it’s not AI generated audio .
@AdrianTwarog
@AdrianTwarog 3 ай бұрын
Nope but I have tried it once: kzfaq.info/get/bejne/m62GeauXzM6xaXU.html
@denizorsel1029
@denizorsel1029 3 ай бұрын
So far whatever I tried didn't work in the sense of providing good summary due to TOKEN limits. My source document is a 250kilobytes txt file so nothing fancy. When I ask a question it randomly succeeds thus. Used paid OpenAI , other models .. nothing works production quality.
@AdrianTwarog
@AdrianTwarog 3 ай бұрын
The CLI i created actually breaks down larger documents into chunks, and then those chucks are summarised. I would say that is the ideal way to achieve this.
@Steve-lu6ft
@Steve-lu6ft 3 ай бұрын
Can you show us how to do the same thing on our local machine if we download one of the Models from Hugging Face?
@sakaarian
@sakaarian 3 ай бұрын
I was also wondering how the code would differ if we used Google's models
@iamdanfleser
@iamdanfleser 3 ай бұрын
just and ad to a service, good editing though
@realbigsquid
@realbigsquid 16 күн бұрын
Is it strange that watching this kinda feels dangerous? Like going at it without a rubber, this is javascript without types... 😮 gorilla puffs