I built SaaS using OpenAI in 30 days (Using GPT and its API)

i spent seven days building my own sass it's gonna help developers win at life by using ai and in this video i'm gonna show you how i did it all the fun and all the pain and an actual product at the end they say developers can build anything well i'm a developer and i want to build just something i want to build a sas and i'm not really sassy per se but a sas is just a software as a service and it seems easy enough to build you just need some front end maybe some back end and maybe you need it to work without bugs we'll see along the way but i want to build something really cool recently i checked out github co-pilot and it uses aitech it's really cool ai attack that auto-completes what you're writing and i wanted to use some of their tech to build a sas a number of tools maybe for developers or something like that because i'm a little bit of a tool myself and whenever i jump into a problem i always have to google it if there was an easier way for me not to have to google the same things over and over like how to perform a git merge or for example how to you know just do basic commands or even regex regex just blows my mind with some of the syntax so i'm gonna try and build a tool around that now the way i'm going to do it is i'm going to show you i'm going to take you on this journey where i'm trying to solve these problems of building a sas this will be everything like trying to build the front end and the back end trying to design it and everything in between so let's jump into my very first day of trying to do this so the first thing i need to do is get access to some ai tools there are lots out there google has their own machine learning suite so that's amazon and even microsoft themselves but this isn't what got me excited in the first place what really i enjoyed was github co-pilot and that was made by a company called openai they created their own ai tech called gpt2 and now also gpt-3 which created the model that they're using which is i think called codex that they have for developers using vs code that's what i wanted to use to create some of these tools so i tried to jump onto their website and unfortunately even though there are companies called openai you can't just jump in there and get access and sign up you actually have to go through a waitlist and a process so i did just that and i waited and waited and eventually i did get in so now here i am inside of their playground and i'm gonna try and see if some of these ideas that i have around building tools with ai actually even work so let's try them out i jumped on the open ai website to try and figure out how it all works i was a little scared at first because sometimes documentation can be terrible on some developer websites but honestly the open ai documentation is some of the best i've seen so far it actually even reminds me of stripe documentation which is world class but this does not mean i know what i'm doing i jumped into their playground system and i was overwhelmed with all these different things like models response temperature toppy frequency presency i was just at a loss so i jumped into their examples here it shows off some of the things you can build with openai and for me i wanted to kick things off with a regex completer i played around with a lot of different settings and prompts until i got a number of things working like a javascript chatbot and even the regex so it means that it is possible seems like there is some cool merit to this idea around creating natural language to solve programming problems that we all have but let's have a look at the next most important step in building this sas and that is to register the domain name and to do that i need a business name and that is one of the hardest things to do i thought about all different types of options and i came up with a name called subwriter or was it sub editor i can't remember but i immediately went to register it there's new domain names out there called dot ai so i jumped on and registered a dot ai domain and actually then after spending i think two three hundred dollars i decided no no i don't like this domain name i need to register another domain name one of the things that i've been doing recently is building enhance ui which is a book for developers to learn design so i thought i might as well keep up the trend and create enhance ai which can be a bunch of tools for developers to use ai to improve their daily jobs write blogs and stuff like that so let's register that domain name as well now that we've got this done we can look at the hardest part of creating any sas product as a developer and that is to create the logo now for a logo it's gonna have to be something amazing when people look at this logo it has to have the representation of developers and tools and open ai and all of that so what i did was put some circles and squares together and here's the logo next up we need to create a landing page so that when people have a look at this product they're more inclined to try it out and even purchase it to do this i'm going to jump onto figma and we're going to create a design based off the logo what i want to do is pull in some of those colors from the logo some of those shapes like the squares and the circles and i want to create a design that sort of gives people an idea of how the tool works so i might center it with a nice box and give them an example of how maybe you can explain code and what it's doing as well as have lots of call to actions for people to sign up this is the design i sort of came up with it's nothing too fancy and i'll probably continue to play around with it but at least it's up and running so the next thing we have to do is actually code it so i'm gonna code it in just some basic html and css so let's try and do that right now so i opened up vs code installed tailwind css and started coding it all from my figment design and in no time i was done i don't often have nightmares but last night i had a nightmare that i'm gonna have to write out every single individual line of code for this sass now that's sometimes an interesting take as a developer because you enjoy coding sometimes it's just too much so i'm gonna try and use a page builder and please don't judge me when i say this i'm gonna use webflow i'm gonna see if it can redesign some of these tailwind designs inside there and if it takes me as long or quicker just as a test and if in this case it's easier i might just swap the whole landing page to webflow and then when we actually build the app i'll then definitely build that on react but for the landing page it's gonna be changed all the time and i just think that react might be overkill to build this thing now it's time to build the front end and the back end the best parts let's work with the front end to start off with let's use create react app for that and i'll just start building that and at the same time i also need a backend to do even basic stuff like logins so let's use our favorite node express and i might use the cloud version of just because later i want to make sure that it persists if i'm going to scale it but it's a traditional round for building any sas so let's just get started with that next we'll need a payment processor like for example e-way or paypal or even stripe because you do not want to store credit card information yourself so i decided to go with stripe because they're a popular one and i do want to do subscriptions so that should be easy to set up it wasn't easy to set up but now that it's done then it's all working and every time someone jumps in they can do a free trial to test out the product before they fully sign up and commit which is something you want to do because no one wants to purchase something immediately without actually trying it out these days next we need a place to host this entire system both the front end and the back end because it's not going to host itself so we're going to do that on today's sponsor which is lenode lenode is a place where you can get dedicated or shared vpss or domain names or firewalls or anything in between even storage so what i'm going to do is connect up our new domain name enhance ai to lenode and then i'm also going to create a vps on linux and start that up with a firewall and a couple of other things and get the whole system running on there then we're going to test out to make sure it works so let's do that right now you can check out lenode in the description below and you can use my coupon to get a 100 voucher as well if you sign up okay it's done and ready to be launched so let's do that right now it's in the link in the description below and here's what it can do once you log in you get a number of tools such as things like interpret code which can explain different code segments for you based of what the syntax is or fixed code which does something similar but this case debugs your code and fixes up the errors that might be there there's also commands like if you're looking for a bash command or a hyper terminal command it just gives you what you're looking for the clean code tool basically takes a big lot of code and fixes up to almost a single line nice and simple we also have convert code which can take code for say react or vu and then converted to a different type of language or framework we have natural language to regex which is one of my favorites and even a tool here to fix your grammar if you're writing out different content or emails just to make it sound proper there are a whole lot of natural language options here like rephrasing a sentence to be more excited or for example even trying to shorten a long paragraph that just might be a little bit too long to read down to maybe a single sentence of course you can do the opposite too if you need to extend out a paragraph that just isn't long enough you can create a lengthened paragraph option here where it just adds more content to what you've already written there are other tools here in the section such as creating an introduction to maybe an article you're writing so that if you're stuck it just gives you some support there to create that also if you want to create an outline for your article you can do that too essentially creating all the main high-level key points you should talk about based on the article description there's other cool things as well like creating a to-do list from maybe an email or a piece of text or even creating something here like a job ad based on some basic information you want to provide these are really interesting options of what ai tech can do these days and it can be extended even further like even trying to raise what common questions people might ask based on some piece of text which is a pretty cool one since i do a lot of youtube videos i also made a series of youtube tools here things like generating titles for videos or for example trying to have some good youtube tags to attach to a video as well all of these tools are useful for youtubers even one here that helps you create the script for a video if you're trying to figure out the high level points that you need to talk about one of the biggest features here is going to be called enhanced stock which will be essentially helping you write content based off the article or the blog you're trying to create the ai tool can create introductions for you can create outlines for you and these are automatically generated of the information you've provided already in this example i'm just creating an article for jwts as well as a nice outline to get me up and running the high level introduction is done and if i want i can create a secondary introduction to get things kicked off for the actual work itself and as soon as i finish off a sentence or need a new one created i can automatically use the ai tool to generate that content for me so it's essentially like github copilot for code but this time for written content

Channel: Adrian Twarog

Views: 246,554

Keywords: I built a SaaS in 30 days, programming, website, development, software engineering, enhance ai, adrian twarog, html, css, js, stripe, mongo, linux, node, nodejs, react, create react app, linode, creating a saas, creating a website, creating a business, developing a saas, openai, website ai, ai website, ai tools, programming ai tools, development ai tools, coding ai tools, ai software, ai software development, ai software development tools, ai, artificial intelligence, ChatGPT, Chat GPT

Id: UBG_YiTg_Bs

Length: 11min 38sec (698 seconds)

Published: Tue Aug 31 2021