Turning Your AI Application into a Profitable SaaS Business

If you're a solo developer in 2023, you have the power to build robust AI software startups! Watch this 1-hour video and make an Article Summarizer Application using OpenAI's GPT model.
Ultimate Next.js Course: jsmastery.pro/next14
Want to land your dream programming job in 3 - 6 months?
⭐ JSM Masterclass Experience - jsmastery.pro/masterclass
Become a Software Engineer. Guaranteed.
💻RapidAPI - rapidapi.com/?...
💻RapidAPI Summarizer- rapidapi.com/restyler/api/art...
📚 Materials/References:
GitHub Code (give it a star ⭐): github.com/adrianhajdin/proje...
Assets, Components, Public folders: drive.google.com/file/d/11DLz...
GitHub Gist Code: gist.github.com/adrianhajdin/...
Alongside building this application, you'll also learn how to:
- setup a ReactJS project using Vite
- create a responsive, beautiful UI/UX with a nice touch of glass morphism using Tailwind CSS
- make advanced RTK query API requests that fire on condition
- save history using the local storage
- handle form events and catch errors
- implement copy to clipboard
- write clean code
💻 Join JSM on Discord - / discord
🐦 Follow JSM on Twitter - / jsmasterypro
🖼️ Follow JSM on Instagram - / javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 Intro
00:03:55 Setup
00:12:25 Building the App
00:15:15 Hero Section
00:24:05 Demo
00:32:47 Redux Toolkit Crash Course
00:54:00 Save Articles
00:57:34 Browse URL history
01:00:51 Display Results
01:07:20 Copy to Clipboard
01:09:30 Deployment

Пікірлер: 499

  • @quantaraum
    @quantaraum Жыл бұрын

    hey you're the first ine who actially teaches it from scratch to finish very clearly. i appreciate your work alot, you're helping so many people, this is real value. i would love to see how to add a paywall or donations

  • @richardmasters2045
    @richardmasters2045 Жыл бұрын

    The way that you explain every detail and how to debug during the process is an excellent way to learn to code. You're an amazing teacher you're changing people's lives 🎉

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you so much! 😊

  • @bls512
    @bls512 Жыл бұрын

    This was a blast to build and I would love it if you did a future episode on launching a SaaS! Big thanks :)

  • @zoltanabonyi3307
    @zoltanabonyi3307 Жыл бұрын

    Absolutely brilliant. Thanks Adrian. You said to mention turning this into a SAAS business and you would do a video detailing how we could do that. Could you please make that video detailing how we could go about doing just that?

  • @hermanadu1778
    @hermanadu177810 ай бұрын

    Hey Adrian, ANOTHER great tutorial, perfectly explained in your calm, relaxed, experienced style. Loving your work. Please turn this Into a SaaS Business, for the greater good. Massive respect👏👏

  • @user-zb9ub5nd1z
    @user-zb9ub5nd1z5 ай бұрын

    Hi Adrian. Thanks to God you are doing this. In your other video of the music app, I was so mad because I desperately needed to understand APIs but you didnt explain it that well like you have done here. This is perfect and it makes me want to pay for your courses on your website because now I'm sure you explain stuff really well.

  • @jmhventure1062
    @jmhventure1062 Жыл бұрын

    Thank you for the amazing tutorial. It is super smooth to follow even for beginner like me. Please do the continuation for the SAAS tutorial. Again thanks for the effort.

  • @ProfoundKnowledge
    @ProfoundKnowledge Жыл бұрын

    I still can't believe why all of ur contents are free, tks so much!!!

  • @ChukumelaWilson
    @ChukumelaWilson Жыл бұрын

    Amazing as always. A million thanks. Please, if you have the time, teach us how to turn this into a SASS. Thank you again.

  • @Story_Arc782
    @Story_Arc782 Жыл бұрын

    Best way to spend your 1 hour , much appreciated 💛

  • @shahariarhossainremon6500
    @shahariarhossainremon6500 Жыл бұрын

    I always wanted this on KZread, you made it possible. One thing I want is signin & signup option and payment plans for this kind of AI apps, and then it will be 100% complete. Thanks for your efforts.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @soulmanifestation150
    @soulmanifestation150 Жыл бұрын

    Thank for this, I really appreciated the course

  • @bluestorm1898
    @bluestorm1898 Жыл бұрын

    As always another great content. Thank you very much 🙌

  • @marcoram87
    @marcoram87 Жыл бұрын

    Loving your content and this is no exception! Hoping you put together a "How to monetize" walkthrough! This is definitely helping me with my goals! Thank you!

  • @felixogero2354
    @felixogero2354 Жыл бұрын

    This is amazing I learned a lot. Thank you JSM.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @kashandro7368
    @kashandro7368 Жыл бұрын

    @Adrian Brilliant! as usual. You're not tired to deliver. 👏

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Never! :)

  • @UmerKhokhar-vd3nm
    @UmerKhokhar-vd3nm Жыл бұрын

    Another excellent project course by the amazing teacher Adam!😍😍

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Where did you read Adam? 😅

  • @synthwave8548
    @synthwave8548 Жыл бұрын

    You can add a copy icon to copy the summary as well by introducing new hook constants like the one's in the handle copy function, just remember to change the onclick function to your new function and to fetch the article.summary

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Cool idea!

  • @web3schools942
    @web3schools942 Жыл бұрын

    Very good! Yes we can see another video with this content as real startup

  • @PhoneyPatjordan
    @PhoneyPatjordan Жыл бұрын

    Thank you very much for this tutorial, FOR FREE. Earned another subscriber!

  • @hahnsangkim5935
    @hahnsangkim5935 Жыл бұрын

    This is a very helpful teaching video. It's awesome! Thank you so much for sharing it. I hope you consider creating a course that includes a payment system.

  • @NiharGandhi
    @NiharGandhi Жыл бұрын

    Amazing video, one of the best on KZread. I was thinking for next video can you show how to build a web application for like room bookings, so the GUI looks like Microsoft calendar where one person can book a room like conference room or something for a period of time , so a user and a view part would be there.

  • @socialmedia195
    @socialmedia195 Жыл бұрын

    I love your videos. You're a legend, thank you! ☺

  • @olayinka26
    @olayinka26 Жыл бұрын

    Thank you for this gem of a video! hoping to see a video on how to implent authentication, authorization and payment plans

  • @OnamSharma
    @OnamSharma Жыл бұрын

    Thanks for this awesome tutorial, now waiting for the one in which you will create a saas website through it

  • @celestial1point0atd-ov4bl
    @celestial1point0atd-ov4bl Жыл бұрын

    Thank you the project man. So inspiring.🔥

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Appreciate it!

  • @jacobwwarner
    @jacobwwarner9 ай бұрын

    I couldn't select the input field without removing the CSS line `pointer-events: none;` It was a little confusing why that was there. Also, there seem to be a lot of issues with the API sometimes returning errors and then other times running just fine to process the request. Lastly, the text of the article summaries expands beyond the initial length of the page and I can't scroll down to read all the content. I couldn't figure it out so far. I tried adding the `overflow-y-auto` the containing the article summaries and to main, but neither would work. Overall it was a decent and efficient project video. I would like a more in-depth course on Postman though because it SEEMS to be more popular, although I do like working with RapidAPI. Thanks 👍

  • @jagadeeshkj5561
    @jagadeeshkj5561 Жыл бұрын

    Ahh, just when I needed a push! Thanks, man.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Enjoy!

  • @kareembraimoh222
    @kareembraimoh222 Жыл бұрын

    This is a very nice project and what I really needed Keep up the good work brother❤️

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @augustinetoniadavidson5700
    @augustinetoniadavidson5700 Жыл бұрын

    Amazing; just AMAZING!!! I think we need another of your tutorials on how to create an empty virtual desktop (no icons) Your explanations are so detailed, even someone who turned on a computer for the first time, can follow along.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you, great idea!

  • @10daysAgo

    @10daysAgo

    10 ай бұрын

    ​@@javascriptmasterythe application is not running . It is saying invalid api key even though I inserted the correct api key that I got after creating the account in the RapidApi domain

  • @alejandro_ao
    @alejandro_ao Жыл бұрын

    Awesome tutorial! Your videos are pure gold. Keep it up!! 🔥

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @quintin1561

    @quintin1561

    Жыл бұрын

    Hey I just completed one of your chrome extension tutorials. Nice job!

  • @alejandro_ao

    @alejandro_ao

    Жыл бұрын

    @@quintin1561 hey there! thanks man!! nice to see you around here. keep on coding! 😎

  • @nan4602
    @nan4602 Жыл бұрын

    Thank you so much for making these video ❤❤❤❤❤❤

  • @rockbelleh6237
    @rockbelleh6237 Жыл бұрын

    Back to back fabulous contents u r d best much love all the way from Nigeria 😍😍

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Greetings to Nigeria! :)

  • @vivekpatel2421
    @vivekpatel2421Ай бұрын

    This project was incredibly exciting to develop, and I'm thrilled with the outcome! I'd be absolutely delighted if you considered featuring a future episode on launching a Software as a Service (SaaS) product. A massive thank you for the opportunity!

  • @javascriptmastery

    @javascriptmastery

    Ай бұрын

    Thank you, more to come!

  • @sonamuhialdeen7866
    @sonamuhialdeen7866 Жыл бұрын

    Amazing tutorial thank you very much

  • @DigitalCreator5
    @DigitalCreator5 Жыл бұрын

    Great content Andrian, thanks for the video 📸

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @dealbisac
    @dealbisac Жыл бұрын

    Great video, was waiting for the AI App. Thanks for the video :)

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Appreciate it!

  • @aagatsharma5171

    @aagatsharma5171

    Жыл бұрын

    same sir...

  • @programmerslife01
    @programmerslife01 Жыл бұрын

    Soo amazing dude as always you are gifting us such wonderful and very helpful content. THANK YOU THANK YOU THANK YOU SO MUCH!! ❤❤❤

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you so much!

  • @hudabakht3094
    @hudabakht3094 Жыл бұрын

    Brilliant project! Made it deployed it love it! I'm self learning React and you explain so good! Yes we would like to have a payment integration and a length limit option maybe?

  • @sujathareddyp9444

    @sujathareddyp9444

    Жыл бұрын

    how to connect API can you explain me

  • @gamerzchoices
    @gamerzchoices9 ай бұрын

    Well explained tutorial, me as a very beginner have learnt so much things step by step. Great premium content

  • @fahimahmedsumon624
    @fahimahmedsumon624 Жыл бұрын

    ❤❤ Thank you for this amazing project

  • @exploringcrypto6609
    @exploringcrypto660911 ай бұрын

    I would love to see more AI builds.

  • @roxk6344
    @roxk6344 Жыл бұрын

    Thank you ad for this , you're amazing

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    You are!

  • @mdzeeshan1636
    @mdzeeshan163610 ай бұрын

    Followed tutorial, everything worked well. Finally built and deployed it on netlify, fully Responsive website. Thanks bro, much love💌

  • @anuragoasis

    @anuragoasis

    10 ай бұрын

    dude!!! share me the link pleaese

  • @jimcab1853
    @jimcab18539 ай бұрын

    Thank you. We'd all love another course on monetizing something like this

  • @nicolettifps
    @nicolettifps Жыл бұрын

    Your tutorials are amazing, even me that dont understand english very well, you might create a course explaining more about every tech

  • @MichaelJChoudhury
    @MichaelJChoudhury Жыл бұрын

    Many thanks, Adrian - perfect!!!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you so much!

  • @keithscheldt
    @keithscheldt Жыл бұрын

    Thank you so much for this!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @spaxxvilejohn9095
    @spaxxvilejohn9095 Жыл бұрын

    Thank you for this awesome tutorial. I always learn a lot from you

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    I'm happy to hear that!

  • @foogprety1
    @foogprety1 Жыл бұрын

    I am in love how to explain, I watch all you video and its very very good. Please do another video to build how doing login and paid to saas startup!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Great idea!

  • @sandamalgamage1242
    @sandamalgamage1242 Жыл бұрын

    This is awesome brother ❤❤. keep it ip. Thank your very much for sharing your time , knowledge and experience with us😇

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    No problem!

  • @chukwudiofoma6665
    @chukwudiofoma66658 ай бұрын

    Please, could you make this into a SaaS project. This could be very helpful tool for my colleagues who have to digest lots of articles in different communications courses.

  • @kunalgola8295
    @kunalgola8295 Жыл бұрын

    This tutorial was amazing and Yes we would like to have a payment integration and a length limit option or a way for people to buy their number of summary Also we can implement signin & signup option and payment plans for this kind of AI apps, and then it will be 100% complete. Thanks for your efforts.🤑

  • @Penbyte
    @Penbyte Жыл бұрын

    Great work Brother. Thanks for sharing a wonderful projects and knowledge. It's very helpful to me.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @CRELYTICA
    @CRELYTICA Жыл бұрын

    Very keen to see how to turn this into a SASS! Thanks

  • @AhmadMaartmesrini
    @AhmadMaartmesrini3 ай бұрын

    thank you so much for doing this ❤

  • @sang4005
    @sang4005 Жыл бұрын

    Thanks Adrian 🙏 we love you so much 😘

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @Imesh.Bandara.Dharmasiri
    @Imesh.Bandara.Dharmasiri11 ай бұрын

    You are the amazing teacher in youtube ❤❤❤❤❤❤❤

  • @shashankkushwaha914
    @shashankkushwaha914 Жыл бұрын

    you are really a MASTER 💪💪

  • @3illanon145
    @3illanon145 Жыл бұрын

    amazing lesson adrain, please release the Saas base startup for article summarization video

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Will do!

  • @TitanNotFound404
    @TitanNotFound404 Жыл бұрын

    Thank you brother!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    No problem! :)

  • @qausainmanzoor
    @qausainmanzoor Жыл бұрын

    Upgrade this project to next level please. Superb Video 👍 👍

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Will do!

  • @easilyCoded
    @easilyCoded Жыл бұрын

    Hi Adrian, thanks for this great content, and ofcourse we want this as a saas... please make it hapeen 😊

  • @agassigroup
    @agassigroup Жыл бұрын

    Exactly what we needed!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Perfect!

  • @manipullator
    @manipullator Жыл бұрын

    The Best Course I had Ever Seen

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @abhishekbasu61
    @abhishekbasu61 Жыл бұрын

    if youtube was not there we couldn't find genius persons like Andrain.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    KZread is great!

  • @drgonzo5967
    @drgonzo5967 Жыл бұрын

    Thank you! This is a great project. I would love to see how I can build and monetize this!

  • @jahmadelic
    @jahmadelic Жыл бұрын

    definately looking forward to seeing you do your magic and converting the site to a saas app

  • @shortiec9624
    @shortiec9624 Жыл бұрын

    Thanks for this video. You're doing great in providing all of these for your audience. The 'Browse URL history' code block is not working, and the inner divs don't close automatically. Do you have an idea what the problem could be?

  • @DarkenEditz
    @DarkenEditz Жыл бұрын

    Yes wanna want you to make it as a saas model by adding subscription to the application

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Cool!

  • @Smurfis

    @Smurfis

    Жыл бұрын

    I wouldn’t, I’m quite tempted to make this the only free open source model. But only if the creator wishes, if not I’d never host without permission. He still technically owns it, a tutorial doesn’t mean you made it. It means you followed someone’s work and managed the pull off a copy. Hopefully you learn from creating the project, best of luck!😊

  • @amerrashed6287

    @amerrashed6287

    Жыл бұрын

    You can do whatever you want with this project. It's a just a boilerplate. I did this project with qwik js framework. It has everything, out of the box.. auth, prisma db, routing .. so it was easy for me adding auth & subscription. How cool was that !😅

  • @samuraitechnologies
    @samuraitechnologies9 ай бұрын

    This is another banger tutorial aaand interesting aaand educative as well 😆

  • @afhimsalah5273
    @afhimsalah5273 Жыл бұрын

    Great job.thanks

  • @keflatspiral4633
    @keflatspiral463310 ай бұрын

    the best teacher i've ever found

  • @aritradas2035
    @aritradas2035 Жыл бұрын

    teach us how to turn this into a saas business please. You are doing a great job

  • @salemalmannai
    @salemalmannai Жыл бұрын

    It’s really great job and appreciated your effort! Could you please teach us how to make that website as a service by subscription and payment

  • @ProlVid
    @ProlVid Жыл бұрын

    Awesome teacher ! You are number 1. Thanks for this video. Please can you teach how to make a SaaS business out of this for people to use, with different payement option? I will really appreciate.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Yes, definitely!

  • @howtodothat5495
    @howtodothat5495 Жыл бұрын

    Please make a video with payment and Authentication features. Thank you for your great work 👏🏼

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Will do, thanks!

  • @Shopproduct3
    @Shopproduct3 Жыл бұрын

    Great Course Andrei

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thanks! 😊

  • @AMS-mt8ns
    @AMS-mt8ns Жыл бұрын

    Honestly speaking i have'nt find someone expert more than you on Internet due to you i have also improved my mern skills to good level now aiming for junior dev or may be senior moreover iam in my first year of my university Love from Pakistan Hidden fact:My English has also improved:)

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    That's amazing, enjoy!

  • @ABsazerNer
    @ABsazerNer Жыл бұрын

    Seems reduct toolkit have made a huge improvements , really impressive

  • @SecretEyeSpot
    @SecretEyeSpot Жыл бұрын

    Why is it that the latest configuration of Vite, PostCSS, and Tailwinds causes the @apply to break? Or is there an incongruence between the way one would import tailwinds based on these configurations and the way newer versions are processing them?

  • @dannylo5875
    @dannylo5875 Жыл бұрын

    Looking forward to it.

  • @eshuowoshishen8547
    @eshuowoshishen8547 Жыл бұрын

    may I ask what app do you use to make this video? it looks so good.And what 's name of this font in your slides ?

  • @mxsaa45
    @mxsaa45 Жыл бұрын

    Wow bro this great, do one for summarizing KZread videos!!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Cool idea!

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx Жыл бұрын

    Bro the thing you have done is called as web scraping Thanks to teach us this amazing skill 😁😁😁😁

  • @AryanRaj-zt6cq
    @AryanRaj-zt6cq Жыл бұрын

    Thank you for this amazing project. Please make more videos on building SaaS applications with integrating monthly subscription feature. No one is teaching this on ytb and many people want to learn this. Thank You brother......

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Will do!

  • @nguyenphuongduy9746
    @nguyenphuongduy9746 Жыл бұрын

    Hello Sir, thanks for a lot of free projects you have done to the community, I wonder if you can do some projects using React & Typescript, which I think is very necessary. IF YOU GUYS AGREE WITH ME, PLEASE HIT THE LIKE, THANK YOU SO MUCH. ❤❤❤❤❤❤

  • @htmlfivedev
    @htmlfivedev Жыл бұрын

    Thanx very much for this as usual ... just a request ... could you give us something on React testing ... jest or jasmine ... pleeeeeeeeeeeeeeeeeease!! This is pretty much the only thing missing on this channel ...

  • @ception7846
    @ception7846 Жыл бұрын

    Your way of teaching and tutorials are awesome. I was wondering what if you make videos on remaking of awwwards website!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    That's an amazing idea!!!

  • @Mohaahmed45321
    @Mohaahmed45321 Жыл бұрын

    One of Mi Best Lecturer on Javascript❤🎉

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Appreciate it!

  • @Yobtuber
    @Yobtuber8 ай бұрын

    Great file on Github, just had an issue to fix regarding the button's "font-serif" css. Not working, so I removed it and after adding the fonts it all loaded fine. So I changed the key and created my .env file and it all worked like magic. Really Thrilled! Thanks as always!

  • @peakyblinderzz

    @peakyblinderzz

    3 ай бұрын

    Send your live link please ❤

  • @shreekrishnags21
    @shreekrishnags21 Жыл бұрын

    Idk I am very much addicted to you and your videos ❤️

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    I hope in a good way! 😊

  • @adimishra6950
    @adimishra6950 Жыл бұрын

    great project!!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thanks!

  • @AnameneJoseph
    @AnameneJoseph6 күн бұрын

    Thanks so much Adrian. But we need to create a delete icon X to delete the URL we don’t want? But anyways this is so so great.

  • @yahiyahamdan4873
    @yahiyahamdan4873 Жыл бұрын

    awesome video like always, but yes it would be great thing if you could make a video with payment solution for this or any other project. Thanks mate!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    I'll see what I can do! 😊

  • @sithijashehara6566
    @sithijashehara6566 Жыл бұрын

    Thank you so much for this one 😍 are there any plans to build chat gpt with all the functions in react and tailwind in the future ? waiting for your response....

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Cool idea!

  • @pungushe
    @pungushe Жыл бұрын

    Thanks many thanks for the project

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Appreciate it!

  • @neotrackproduction3751
    @neotrackproduction3751 Жыл бұрын

    wow mahn you are so creative

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Appreciate it!

  • @yyxx9309
    @yyxx9309 Жыл бұрын

    YEEEES please teach us how to implement payment for it!

  • @strawhat4x
    @strawhat4x Жыл бұрын

    Thank you very much

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!