CodeWise
CodeWise
  • 6
  • 40 339
Build a Full Stack AI Document Assistant with Next.js and LangChain
📄 AI-Powered Document Analysis App | Next.js 15, OpenAI, PineconeA modern document analysis application for interactive AI conversations with PDF content. Built with Next.js 15, OpenAI, and Pinecone.
🔥 KEY FEATURES:
• PDF Document Upload & Processing
• Interactive AI Chat Interface
• Semantic Search with Pinecone
• Real-time Document Summaries
• Responsive Design + Dark Mode
🛠️ TECH STACK:
• Frontend: Next.js 15, TailwindCSS, Shadcn
• AI/ML: OpenAI, LangChain
• Vector DB: Pinecone
⏰ TIMESTAMPS:
0:00 Project Overview & Demo
🔗 IMPORTANT LINKS:
Next.js: nextjs.org/
Pinecone: www.pinecone.io
LangChain: www.langchain.com/
OpenAI: platform.openai.com
TailwindCSS: tailwindcss.com
🤝 CONNECT WITH ME:
Twitter: x.com/iamdroid3
Discord: discord.gg/cMNSUQvYRt
GitHub: github.com/fiston-user
💼 Business: fiston.turner@outlook.com
⭐️ Star the repo if you found this helpful!
github.com/fiston-user/ai-documents
#nextjs #ai #webdev #javascript #typescript #react
Переглядів: 1 006

Відео

Build a Full Stack Al App
Переглядів 2,3 тис.21 день тому
GitHub Repository (⭐️): github.com/fiston-user/nextlaunch.git Socials:Twitter: x.com/iamdroid3Discord : discord.gg/cMNSUQvYRt💼 Business Inquiries: fiston.turner@outlook.comChapters:
Deploying a Node.js App with Kubernetes, Docker & GitHub Actions
Переглядів 3,8 тис.Місяць тому
In this comprehensive step-by-step tutorial, i will guide you through the process of deploying a backend application using Docker and Kubernetes. Whether you are a beginner looking to understand the basics or an experienced developer seeking to enhance your skills, this video is designed to provide valuable insights and practical knowledge. Socials: Twitter: x.com/iamdroid3 Discord : discord.gg...
Build And Deploy Full Stack AI SaaS Platform With Nextjs, React, Tailwind, Express
Переглядів 10 тис.Місяць тому
This project is a full-stack web application that uses AI to analyze legal contracts. It allows users to upload contracts, receive detailed analysis, and ask questions about their contracts. The platform includes features like user authentication, premium subscriptions Part 1: ua-cam.com/video/4qdQ7kE80SY/v-deo.htmlsi=weYD_U3zNWLtyuMW Live App: www.simplemetrics.app Socials: Twitter: x.com/iamd...
Build a Full Stack AI SaaS Platform With Nextjs, React, Tailwind, Express
Переглядів 23 тис.Місяць тому
This project is a full-stack web application that uses AI to analyze legal contracts. It allows users to upload contracts, receive detailed analysis, and ask questions about their contracts. The platform includes features like user authentication, premium subscriptions, and project management. Part 2: ua-cam.com/video/gptjq4jJ1Pw/v-deo.htmlsi=AJwcYILQyDm4NMXL Live App: www.simplemetrics.app Soc...
Understanding the Lerp Function in JavaScript: A Beginner's Guide
Переглядів 452Рік тому
In this video, we'll be diving into the world of JavaScript and exploring the Lerp function. The Lerp function is an essential tool for creating smooth animations and transitions in your web projects. We'll start by breaking down the concept of linear interpolation and how it applies to programming. From there, we'll explore the syntax and parameters of the Lerp function in JavaScript, so you c...

КОМЕНТАРІ

  • @TechQuanta-rq7oc
    @TechQuanta-rq7oc 7 днів тому

    Is there a way we can use it on opensource and not openAI?

  • @Testmutl
    @Testmutl 8 днів тому

    Is there any chance you can make a more advanced version of this? Let the user view the pdf on the left, let the chat section be on the right, and when the user writes, underline the answer to the question from the entire pdf on the left.

  • @marcc0183
    @marcc0183 8 днів тому

    Hey bro can you build something with openai realtime api? You have free credits on azure

  • @FahadKiani1
    @FahadKiani1 15 днів тому

    bro decided to wake up and be a goat

  • @DSIS_TUSHARRANJAN
    @DSIS_TUSHARRANJAN 15 днів тому

    can you make a short video of Google Auth changes when deploying. I tried many things but still it doesn't work

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 20 днів тому

    wow , nice project!

  • @andrewkisch3304
    @andrewkisch3304 20 днів тому

    This rocks! Thank you!

  • @Mdasif_29
    @Mdasif_29 20 днів тому

    Source code plz

  • @do-u-know-that
    @do-u-know-that 21 день тому

    Please more with mern stack

  • @waynejulius8156
    @waynejulius8156 22 дні тому

    Very educative video. Also the live demo link doesn't work. You can check that.

  • @AtomicPixels
    @AtomicPixels 23 дні тому

    App router :(

  • @gabrielchima6916
    @gabrielchima6916 27 днів тому

    You just got a subscriber, Love this video, Please can you do more videos on chatbot and dashboard i needed more of this kind of teaching

  • @andrewkisch3304
    @andrewkisch3304 Місяць тому

    I'm at 1:38:37 and I'm now getting the following error, can you help? ⨯ Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.

    • @andrewkisch3304
      @andrewkisch3304 Місяць тому

      fixed it! I had to add "use client" to the top of the react-query-provider file

  • @sohammm
    @sohammm Місяць тому

    Where is the next part

  • @codelearner9756
    @codelearner9756 Місяць тому

    why my mongodb connection is failed with warning authentication failed?

  • @ProgrammingWithSatyamP
    @ProgrammingWithSatyamP Місяць тому

    Amazing brother ✨ mern, docker , kubernetes. 🎉

  • @CaracalDesk
    @CaracalDesk Місяць тому

    Oo Man ... That's some level of content right there .... Node with Typescript with Nodemon Watcher configured.. then all the cloud work is muich needed topic with backend development .... But big youtubers seems to miss out the videos on it.. Much appreciated Man .. This is Gold Man.. Genuine Engineer

  • @louiswambua1127
    @louiswambua1127 Місяць тому

    Great project sir. Much appreciated 🎉

    • @root-plat
      @root-plat Місяць тому

      thanks for watching ❤

  • @whizzie3367
    @whizzie3367 Місяць тому

    the best youtube channel

  • @whizzie3367
    @whizzie3367 Місяць тому

    thank you for teaching me auth with express and passport js

  • @HenokGebresenbet
    @HenokGebresenbet Місяць тому

    wow also in aws

  • @harshayyy9
    @harshayyy9 Місяць тому

    great content bro please make the full stack project with aws deployment with cicd stuff

  • @AlexVezentan
    @AlexVezentan Місяць тому

    Hello, can you let me know which it s the specific API used for the features in this app ?

  • @jjpp20072007
    @jjpp20072007 Місяць тому

    why you choosed this strategy of client & server separate apps instead a single nextjs app with api/routes for the server...? arent you sacrificing simplicity? not critic, jsut an honest question?

    • @root-plat
      @root-plat Місяць тому

      @@jjpp20072007 I appreciate the honest question! The main reason for choosing separate client and server apps instead of a single Next.js app is flexibility and scalability. By separating them, I can independently scale the client and server as needed, optimize performance for each, and even use different technologies or services tailored to their specific needs. 😃

  • @swarnabhamajumder9561
    @swarnabhamajumder9561 Місяць тому

    Amazing project sir. Hope so one project you make in nextjs frontend and nestjs backend

  • @prashlovessamosa
    @prashlovessamosa Місяць тому

    thanks buddy looking forward to more gen ai stuff and thanks for using express for backend i have request please try hono in your next one.

  • @lofinothing
    @lofinothing Місяць тому

    In the Google console do I put the redirection url to the server or to the frontend?

    • @root-plat
      @root-plat Місяць тому

      yes sorry i forgot that part. u should replace the localhost one with the actually deployed backend url!

  • @yantech.4249
    @yantech.4249 Місяць тому

    Great work again @CodeWise. I'm looking forward to what you are going to build next.

  • @mudassirsayed8703
    @mudassirsayed8703 Місяць тому

    Why No PUT and DELETE requests in the project?

  • @anthonyweb-dev-gt3lb
    @anthonyweb-dev-gt3lb Місяць тому

    Nice, is there gonna be a part 3?

  • @shdalex
    @shdalex Місяць тому

    I would have been awesome if you could use Next.js on the backend too, but kudos to you, great course! 🎉

  • @azharalibhutto1209
    @azharalibhutto1209 Місяць тому

    ❤❤❤❤

  • @Arvind-o5z
    @Arvind-o5z Місяць тому

    which font do u use?

    • @root-plat
      @root-plat Місяць тому

      Geist Mono By Vercel

    • @Arvind-o5z
      @Arvind-o5z Місяць тому

      @@root-plat Thanks

  • @jun4idm0min
    @jun4idm0min Місяць тому

    Thanks a lot. Any backend intensive application please ? 🙂

  • @lzl-g4b
    @lzl-g4b Місяць тому

    Hi! Great video! I noticed you have some really helpful code suggestions popping up while you're coding in VSCode. Could you please share what extension or tool you're using for those code suggestions? Thanks!

    • @root-plat
      @root-plat Місяць тому

      Hey ofc, its codeium a free extension for vscode

  • @rokimiftah
    @rokimiftah Місяць тому

    If I'm not mistaken, this is the thread on Reddit's /r/SideProject, right?

    • @root-plat
      @root-plat Місяць тому

      Yep, thats me lol

  • @Testmutl
    @Testmutl Місяць тому

  • @KnowledgeDBman
    @KnowledgeDBman Місяць тому

    No MongoDB

  • @sumitsaurabh4670
    @sumitsaurabh4670 Місяць тому

    What do you mean by contract???

  • @SrElmoGamer
    @SrElmoGamer Місяць тому

    where do you deploy the Live App? it load so fast!

    • @root-plat
      @root-plat Місяць тому

      We will deploy this on digital ocean!. So a VPS. And configure everything

    • @lofinothing
      @lofinothing Місяць тому

      @@root-plat Could you make a tutorial on how to deploy it?

    • @clivalycardoso8606
      @clivalycardoso8606 День тому

      Up

  • @datascientist7050
    @datascientist7050 Місяць тому

    Please use some good quality audio. Your voice is hardly audible.

    • @root-plat
      @root-plat Місяць тому

      @@datascientist7050 yes, i will do better in next video

    • @zatakzataks
      @zatakzataks Місяць тому

      @@root-plat what is contract its work on any type pdf like study material

    • @عمرخالد-ك3ك
      @عمرخالد-ك3ك Місяць тому

      Its fine my side, i think you have some issues with your headset 😂

  • @shafiqkhan8320
    @shafiqkhan8320 Місяць тому

    subscribed now, I will start this course ASAP, thank you very much, you have spent a lot of time to bring this great torial

    • @root-plat
      @root-plat Місяць тому

      @@shafiqkhan8320 thanks alot for the support

  • @yantech.4249
    @yantech.4249 Місяць тому

    This is an amazing project. Big thanks sir