ChatGPT Client with LINE-Style UI Built with Flutter and Riverpod

ChatGPT Client with LINE-Style UI Built with Flutter and Riverpod

This is a ChatGPT client application developed with Flutter and Riverpod, featuring a LINE-inspired chat UI.

It provides real-time, bidirectional communication by integrating with OpenAI’s GPT models.

---

Features

• LINE-Style Chat UI A simple, intuitive design that offers a streamlined user experience
• Real-Time Chat with OpenAI GPT Model Utilizes the ChatGPT API to enable natural, human-like conversations
• State Management with Riverpod Improves scalability and maintainability by separating application logic from the UI
• Responsive Design Adapts seamlessly to various screen sizes, from smartphones to larger devices

---

Screenshots

---

Requirements

• Flutter 3.19.x or higher
• Dart 3.3.x or higher
• OpenAI API Key

---

Setup

1. Clone the repository

   git clone https://github.com/softjapan/flutter_chatgpt.git

1. Install dependencies

   flutter pub get

1. Configure environment variables Create a .env file in the project’s root directory and add the following:

   endpoint='https://api.openai.com/v1/'
   model='gpt-4-turbo-preview'
   aiToken='your-api-key-here'

1. Run the application

   flutter run

---

Technologies Used

• Flutter
• Riverpod
• OpenAI API
• Freezed
• flutter_dotenv

---

License

This project is released under the MIT License. Please see the LICENSE file for details.

---

How to Contribute

1. Fork this repository
2. Create a new feature branch

   git checkout -b feature/amazing-feature

1. Commit your changes

   git commit -m 'Add some amazing feature'

1. Push the branch to the remote repository

   git push origin feature/amazing-feature

1. Create a Pull Request

---

Author

• Twitter: FullStack@ITエンジニア

GitHub Repository: https://github.com/softjapan/flutter_chatgpt