fingerthief / minimal-chat

MinimalChat is a lightweight, open-source chat application that allows you to interact with various large language models.
https://minimalchat.app
MIT License
143 stars 19 forks source link

Enhancement/mobile swipe improvements and high contrast messages option #129

Closed fingerthief closed 5 months ago

fingerthief commented 5 months ago

Pull Request Summary

This pull request includes several updates and improvements aimed at enhancing mobile support, new user's walkthrough, fixing dependencies, and updating documentation and configuration files. Below is a summary of the key changes:

  1. Mobile Enhancements:

    • Improved Mobile Swipe Support: Users can now activate swipe actions from anywhere on the screen starting from the edge of the left or right side.
    • New Quick Action Context Menu Users can now press and hold anyone on the messages list for a brief period of time and a context window will appear with quick options for starting a new conversation or deleting the current conversation
    • Improved Mobile PWA Support: Enhancements to the Progressive Web App (PWA) experience on mobile devices.
    • Aligned Mobile Dialog Color Themes: Consistent color themes for dialogs on mobile.
  2. New User Onboarding Experience:

    • Guided Tutorial/Walkthrough: Introduced a guided tutorial that walks new users through the basic features of the application upon their first visit. This experience is tailored separately for desktop and mobile users to ensure a seamless and helpful onboarding process.
  3. Code and Dependency Management:

    • Dependency Fix: Addressed a dependency issue with the got package.
    • Uninstalled got Package: Removed the got package as it was no longer needed.
  4. General Updates:

    • Application Icon and Build Tweaks: Updated the application icon and made minor tweaks to the build process. Fixed some theme issues.
    • Documentation: Updated the README.md for better clarity and guidance.
    • CI/CD: Updated the firebase-hosting-merge.yml for continuous integration and deployment.
  5. Miscellaneous:

    • Cache: Implemented caching strategies to improve performance.
    • Higher Contrast Messages Option Added an option that adds more distinct backgrounds to messages for users that prefer the message bubble look.

These changes collectively aim to provide a smoother and more intuitive user experience, especially for mobile users, while also improving the maintainability and performance of the codebase.

Guided Walkthrough for New Users Demo


https://github.com/fingerthief/minimal-chat/assets/2380471/6644b296-8f09-46bd-b168-e181db908028

Updated Mobile Experience Demo


https://github.com/fingerthief/minimal-chat/assets/2380471/880fdea7-c278-488e-aa6a-412b9575e0b9

New Mobile Quick Action Menu Demo


https://github.com/fingerthief/minimal-chat/assets/2380471/d0e6bd09-d208-45d4-9e2a-98850eba293c

Auto Generated Notes (Do Not Change)


Contents (#129)

Other

Uncategorised!

github-actions[bot] commented 5 months ago

Visit the preview URL for this PR (updated for commit 6ebad3d):

https://minimalgpt--pr129-enhancement-mobile-s-lnp98xzc.web.app

(expires Sun, 02 Jun 2024 04:16:19 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 95b9f8da4861f0258375bb9789bfa436b4ed7d98