ChatGPT with Next.js and Firebase

This project is a demo of how to build a chat interface using ChatGPT, a natural language processing AI model developed by OpenAI, with Next.js and Firebase.

Features

• Login page with Firebase Authentication.
• Home page with a chat interface using ChatGPT.
• Real-time responses from ChatGPT.
• Styling with Tailwind CSS.
• Storage of chat messages in Firestore.

Technologies Used

• Next.js
• TypeScript
• Firebase Authentication
• Firebase Firestore
• OpenAI API
• Tailwind CSS

Getting Started

To run this project locally, you'll need to:

1. Set up a Firebase project and obtain API keys for Firebase Authentication and Firestore.
2. Obtain an API key for the OpenAI API.
3. Clone this repository.
4. Install the dependencies by running npm install in the project directory.
5. Create a .env.local file with your Firebase and OpenAI API keys. See .env.example for an example.
6. Start the development server by running npm run dev in the project directory.

Contributing

If you'd like to contribute to this project, feel free to open a pull request or submit an issue. All contributions are welcome!

License

This project is licensed under the GNU General Public License v3.0.

I hope this helps! Let me know if you have any other questions.