I use chatGPT to build an online image converter tools website. If you want to make money, just get Google AdSense approval and place some ads. When someone visits our site, we can make money by displaying Google ads.
To build this online tool website, we need to follow divide and conquer strategies. We break down our app into small parts and then use chatGPT to generate code for each part. Finally, we combine all the code and our app will be ready.
Step one is to create basic routes. We create a default route that returns the index.html file and other routes like jpg to PNG, PNG to jpg, web to PNG, BMP to PNG, and PNG to PDF. All these routes will return relevant HTML templates.
Step two is to create six HTML files, one file for each route. We create an input form and a submit button for each file. We also generate HTML code for our home page.
Step three is to create server-side code. We create all the routes for our server using Flask. For each route, we take the image from the parameter and convert it to the desired format. We make a response object with the image as an attachment and return it.
Step four is to add CSS to make the website look better. We ask chatGPT to generate CSS code and add it to our HTML files.
Finally, our website is ready. We add a navigation bar, footer, and CSS styles for each page. We also write some texts explaining how to use the tool.
To deploy the app to the cloud, we use PythonAnywhere. We upload our Python code, HTML templates, and image files. After deploying, our web app is live and we can start making money with Google AdSense.
Check out this website to see the live version of our online image converter tool. You can also try the different converters, such as JPG to PNG, PNG to JPG, web to PNG, BMP to PNG, and PNG to PDF.
Thank you for watching and see you in the next video!
