monte9 / 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:

1. Clone the repository: git clone https://github.com/your-username/ChatGPT-Clone.git
2. Install the dependencies: yarn
3. Set up your environment variables by creating a .env file and adding the necessary values.
4. Run the development server: yarn dev
5. 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.

nextjs-tailwindcss-chatgpt-clone's Issues

CSS Style not showing up

Hi, the CSS Styling is not showing up when I run "npm build". and "npm start"

Thank you for your help and great job.