Nextjs Tailwindcss Chatgpt Clone
A fully functional clone of ChatGPT website w/ OpenAI API
ChatGPT Clone
ChatGPT Clone is a fully functional clone of ChatGPT, an AI-powered chatbot, built using Next.js and Tailwind CSS. It allows users to have interactive conversations with the chatbot, powered by the OpenAI GPT-3.5 language model.
Try it now: https://chat-clone-gpt.vercel.app/
š„ Watch the Demo Video
Technology Choices
ChatGPT Clone utilizes the following technologies:
| Technology | Version |
|---|---|
| Next.js | 13.3.0 |
| Tailwind CSS | 3.3.1 |
| React | 18.2.0 |
| TypeScript | 5.0.4 |
| Axios | 1.3.5 |
| dotenv | 16.0.3 |
| OpenAI | 3.2.1 |
| mixpanel-browser | 2.46.0 |
| uuid | 9.0.0 |
Getting Started
To get started with ChatGPT Clone, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/ChatGPT-Clone.git - Install the dependencies:
yarn - Set up your environment variables by creating a
.envfile and adding the necessary values. - Run the development server:
yarn dev - Open http://localhost:3000 in your browser to see the application.
Contributing
Contributions are welcome! If you find ChatGPT Clone useful, consider starring the repository on GitHub.
License
This project is open source and available under the MIT License.
