I use chatGPT to build an online image converter tool 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 the divide and conquer strategy. 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 HTML files for each route. We create six HTML files, one for each route. Each file should have an input form and a submit button.
Step three is to write code for the index.html file. We create a div element with a list of five links in it. This will be our home page.
Step four is to work on the server-side code. We need to create all the routes for our server. For each route, we take the image from the parameter, convert it to the desired format, and make a response object with the image as an attachment.
Step five is to add CSS to make the website look better. We can ask chatGPT to write some CSS code or write it ourselves.
Finally, our website is ready. We have added a navigation bar, footer, and CSS styles for each page. We also wrote some texts explaining how to use the tool.
To deploy the app to the cloud, we can use PythonAnywhere. We sign up, create a new web app using Flask, and upload our code and HTML files. After reloading the app, our website is live.
Now we can make money with Google AdSense. Every time someone visits our site, we will make money by displaying Google ads. Check out the website to see it in action.
Thank you for watching and see you in the next video.
