ChatGPT Client with LINE-Style UI Built with Flutter and Riverpod
January 1, 2025

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


ChatGPT client with LINE style UI built using Flutter and Riverpod

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

It provides real-time, two-way communication through integration with OpenAI’s GPT model.



feature

  • LINE style chat UI
    Simple, intuitive design provides a streamlined user experience
  • Live chat with OpenAI GPT models
    Leveraging the ChatGPT API for natural, human-like conversations
  • Using Riverpod for state management
    Improve scalability and maintainability by separating application logic from UI
  • Responsive design
    Seamlessly adapts to a variety of screen sizes from smartphones to larger devices


screenshot



Require

  • flutter 3.19.x or higher
  • dart 3.3.x or higher
  • OpenAI API key


settings

  1. Clone repository
   git clone https://github.com/softjapan/flutter_chatgpt.git
Enter full screen mode

Exit full screen mode

  1. Install dependencies
   flutter pub get
Enter full screen mode

Exit full screen mode

  1. Configure environment variables
    Create a .env Create a file in the project root directory and add the following content:
   endpoint="https://api.openai.com/v1/"
   model="gpt-4-turbo-preview"
   aiToken='your-api-key-here'
Enter full screen mode

Exit full screen mode

  1. Run the application
   flutter run
Enter full screen mode

Exit full screen mode



Technology used



license

The project is in my license. See license file for details.



How to contribute

  1. fork this repository
  2. Create a new feature branch
   git checkout -b feature/amazing-feature
Enter full screen mode

Exit full screen mode

  1. Submit your changes
   git commit -m 'Add some amazing feature'
Enter full screen mode

Exit full screen mode

  1. Push the branch to the remote repository
   git push origin feature/amazing-feature
Enter full screen mode

Exit full screen mode

  1. Create a pull request


author

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

2025-01-01 03:00:28

Leave a Reply

Your email address will not be published. Required fields are marked *