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