I Build Twitter Clone Completely with ChatGPT

Are you tired of spending hours coding and still not getting the desired outcome? Well, 2023 is the year of AI and ChatGPT is here to save the day! 🚀

But before reading this article if you want to see it in a visual way below is the link to youtube : LINK

ChatGPT, short for Generative Pre-Trained Transformer, is a large language model developed by OpenAI that hit 1 million users within just 5 days of its release. 🤯 To put that in perspective, Twitter took 2 years and Instagram took a month to reach that milestone.

But what exactly is ChatGPT? 🤔 GPT is a computer program that’s been trained on a ton of data (books, articles, stories) to understand and respond like a human. It’s like having a personal coding assistant that can help you build real-world applications.

Being a developer, I couldn’t resist the temptation to see if ChatGPT could help me create a Twitter clone website. And let me tell you, it was an interesting experience. 🤣

I went straight to ChatGPT and asked it to create a Twitter clone website for me. But as it turns out, I didn’t ask the question in the right way. ChatGPT started giving me instructions but didn’t write the code for me. It was then I realized, just like in the movie Enthiran,

“You have to ask the machine exactly what you want in a proper way”.

So, I started asking precise questions, starting with the best JS Framework to build a Twitter clone. ChatGPT threw me a bunch of options with React at the top. Being a React fan, I decided to go with it. Then, I asked how to create a React project and ChatGPT suggested using Create React App. But since I’m not a beginner, I asked how to use Vite instead.

Following its instructions step by step, I set up all the basic things first. Before I started asking for the code for the project, I came up with a simple architecture diagram to know how the flow would be. The plan is simple, it’s going to be a single page application.

The journey began with the first user logging into the page with a seamless Google authentication process. As soon as they entered the home page, they have the ability to tweet, like, and comment in real-time. To simplify things, I decided to change the retweet system to an upvote system similar to Reddit.

With Firebase, created by Google, as my backend, authentication and hosting platform. After setting these up I started hunting down ChatGPT with a plethora of questions until I got the exact answers I needed. At times, ChatGPT would stop writing code in the middle, but that wasn’t a problem. I simply asked it to write the remaining code, and it blew my mind. It picked up right where it left off and continued writing the remaining part of the code like a pro.

With ChatGPT’s help, I was able to build the entire web app with ease. The process was not only efficient but also incredibly interesting as ChatGPT’s ability to understand and respond like a human made the experience even more delightful.

Check out the site made by ChatGPT: https://not--twitter.webapp.com

So, if you’re thinking of using ChatGPT for your next project, just make sure to ask the right questions. And don’t forget to subscribe to my channel for more tips and tricks on using ChatGPT. 😉

In conclusion, ChatGPT has proven to be a valuable tool for developers looking to build real-world applications. It’s like having a personal coding assistant that can help you with every step of the process. From choosing the right framework to writing the code, ChatGPT has got you covered. And let’s not forget, it makes the whole experience a lot more fun with its ability to understand and respond like a human.

So, whether you’re a beginner or an experienced developer, give ChatGPT a try and see how it can change your coding game. And don’t forget to follow my page for more tips and tricks on using ChatGPT, and other interesting stuff. See you soon!