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
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
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
Жыл бұрын
Thank you so much! 😊
This was a blast to build and I would love it if you did a future episode on launching a SaaS! Big thanks :)
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?
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👏👏
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.
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.
I still can't believe why all of ur contents are free, tks so much!!!
Amazing as always. A million thanks. Please, if you have the time, teach us how to turn this into a SASS. Thank you again.
Best way to spend your 1 hour , much appreciated 💛
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
Жыл бұрын
Thank you!
Thank for this, I really appreciated the course
As always another great content. Thank you very much 🙌
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!
This is amazing I learned a lot. Thank you JSM.
@javascriptmastery
Жыл бұрын
Thank you!
@Adrian Brilliant! as usual. You're not tired to deliver. 👏
@javascriptmastery
Жыл бұрын
Never! :)
Another excellent project course by the amazing teacher Adam!😍😍
@javascriptmastery
Жыл бұрын
Where did you read Adam? 😅
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
Жыл бұрын
Cool idea!
Very good! Yes we can see another video with this content as real startup
Thank you very much for this tutorial, FOR FREE. Earned another subscriber!
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.
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.
I love your videos. You're a legend, thank you! ☺
Thank you for this gem of a video! hoping to see a video on how to implent authentication, authorization and payment plans
Thanks for this awesome tutorial, now waiting for the one in which you will create a saas website through it
Thank you the project man. So inspiring.🔥
@javascriptmastery
Жыл бұрын
Appreciate it!
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 👍
Ahh, just when I needed a push! Thanks, man.
@javascriptmastery
Жыл бұрын
Enjoy!
This is a very nice project and what I really needed Keep up the good work brother❤️
@javascriptmastery
Жыл бұрын
Thank you!
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
Жыл бұрын
Thank you, great idea!
@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
Awesome tutorial! Your videos are pure gold. Keep it up!! 🔥
@javascriptmastery
Жыл бұрын
Thank you!
@quintin1561
Жыл бұрын
Hey I just completed one of your chrome extension tutorials. Nice job!
@alejandro_ao
Жыл бұрын
@@quintin1561 hey there! thanks man!! nice to see you around here. keep on coding! 😎
Thank you so much for making these video ❤❤❤❤❤❤
Back to back fabulous contents u r d best much love all the way from Nigeria 😍😍
@javascriptmastery
Жыл бұрын
Greetings to Nigeria! :)
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
Ай бұрын
Thank you, more to come!
Amazing tutorial thank you very much
Great content Andrian, thanks for the video 📸
@javascriptmastery
Жыл бұрын
Thank you!
Great video, was waiting for the AI App. Thanks for the video :)
@javascriptmastery
Жыл бұрын
Appreciate it!
@aagatsharma5171
Жыл бұрын
same sir...
Soo amazing dude as always you are gifting us such wonderful and very helpful content. THANK YOU THANK YOU THANK YOU SO MUCH!! ❤❤❤
@javascriptmastery
Жыл бұрын
Thank you so much!
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
Жыл бұрын
how to connect API can you explain me
Well explained tutorial, me as a very beginner have learnt so much things step by step. Great premium content
❤❤ Thank you for this amazing project
I would love to see more AI builds.
Thank you ad for this , you're amazing
@javascriptmastery
Жыл бұрын
You are!
Followed tutorial, everything worked well. Finally built and deployed it on netlify, fully Responsive website. Thanks bro, much love💌
@anuragoasis
10 ай бұрын
dude!!! share me the link pleaese
Thank you. We'd all love another course on monetizing something like this
Your tutorials are amazing, even me that dont understand english very well, you might create a course explaining more about every tech
Many thanks, Adrian - perfect!!!
@javascriptmastery
Жыл бұрын
Thank you so much!
Thank you so much for this!
@javascriptmastery
Жыл бұрын
Thank you!
Thank you for this awesome tutorial. I always learn a lot from you
@javascriptmastery
Жыл бұрын
I'm happy to hear that!
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
Жыл бұрын
Great idea!
This is awesome brother ❤❤. keep it ip. Thank your very much for sharing your time , knowledge and experience with us😇
@javascriptmastery
Жыл бұрын
No problem!
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.
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.🤑
Great work Brother. Thanks for sharing a wonderful projects and knowledge. It's very helpful to me.
@javascriptmastery
Жыл бұрын
Thank you!
Very keen to see how to turn this into a SASS! Thanks
thank you so much for doing this ❤
Thanks Adrian 🙏 we love you so much 😘
@javascriptmastery
Жыл бұрын
Thank you!
You are the amazing teacher in youtube ❤❤❤❤❤❤❤
you are really a MASTER 💪💪
amazing lesson adrain, please release the Saas base startup for article summarization video
@javascriptmastery
Жыл бұрын
Will do!
Thank you brother!
@javascriptmastery
Жыл бұрын
No problem! :)
Upgrade this project to next level please. Superb Video 👍 👍
@javascriptmastery
Жыл бұрын
Will do!
Hi Adrian, thanks for this great content, and ofcourse we want this as a saas... please make it hapeen 😊
Exactly what we needed!
@javascriptmastery
Жыл бұрын
Perfect!
The Best Course I had Ever Seen
@javascriptmastery
Жыл бұрын
Thank you!
if youtube was not there we couldn't find genius persons like Andrain.
@javascriptmastery
Жыл бұрын
KZread is great!
Thank you! This is a great project. I would love to see how I can build and monetize this!
definately looking forward to seeing you do your magic and converting the site to a saas app
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?
Yes wanna want you to make it as a saas model by adding subscription to the application
@javascriptmastery
Жыл бұрын
Cool!
@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
Жыл бұрын
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 !😅
This is another banger tutorial aaand interesting aaand educative as well 😆
Great job.thanks
the best teacher i've ever found
teach us how to turn this into a saas business please. You are doing a great job
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
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
Жыл бұрын
Yes, definitely!
Please make a video with payment and Authentication features. Thank you for your great work 👏🏼
@javascriptmastery
Жыл бұрын
Will do, thanks!
Great Course Andrei
@javascriptmastery
Жыл бұрын
Thanks! 😊
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
Жыл бұрын
That's amazing, enjoy!
Seems reduct toolkit have made a huge improvements , really impressive
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?
Looking forward to it.
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 ?
Wow bro this great, do one for summarizing KZread videos!!
@javascriptmastery
Жыл бұрын
Cool idea!
Bro the thing you have done is called as web scraping Thanks to teach us this amazing skill 😁😁😁😁
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
Жыл бұрын
Will do!
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. ❤❤❤❤❤❤
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 ...
Your way of teaching and tutorials are awesome. I was wondering what if you make videos on remaking of awwwards website!
@javascriptmastery
Жыл бұрын
That's an amazing idea!!!
One of Mi Best Lecturer on Javascript❤🎉
@javascriptmastery
Жыл бұрын
Appreciate it!
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
3 ай бұрын
Send your live link please ❤
Idk I am very much addicted to you and your videos ❤️
@javascriptmastery
Жыл бұрын
I hope in a good way! 😊
great project!!
@javascriptmastery
Жыл бұрын
Thanks!
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.
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
Жыл бұрын
I'll see what I can do! 😊
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
Жыл бұрын
Cool idea!
Thanks many thanks for the project
@javascriptmastery
Жыл бұрын
Appreciate it!
wow mahn you are so creative
@javascriptmastery
Жыл бұрын
Appreciate it!
YEEEES please teach us how to implement payment for it!
Thank you very much
@javascriptmastery
Жыл бұрын
Thank you!