mahaveergurjar / Chatbot

Chat application allows users to send messages and receive responses from a language model API. It supports code formatting, explanations, and link formatting. The application uses GoogleGenerativeAI for API requests and displays chat messages in a styled interface.
MIT License
7 stars 23 forks source link

[Feature Request]: Implement a New User Interface #33

Closed OshadhaVimuB closed 2 weeks ago

OshadhaVimuB commented 2 weeks ago

Is there an existing issue for this?

Feature Description

We need to design and implement a new user interface for the chatbot. I have already finished designing the user interface. Kindly assign me this under Hacktoberfest 2024

Before:

Screenshot 2024-10-05 214104

After:

Screenshot 2024-10-05 214306

Record

mahaveergurjar commented 2 weeks ago

Its look good but why the outerline border its not look good so remove it and the sender message don't so in white color ok also make send button into icon like whatsapp or gemini app send button icon and make color ui like material ui with pastel color .

image

You can add get of color of user and copy button look like this type from this image

OshadhaVimuB commented 2 weeks ago

image

Is this design okay

mahaveergurjar commented 2 weeks ago

Yeah this design is good