Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Frontend: UI Improvement. #17

Merged
merged 2 commits into from
Nov 2, 2024
Merged

Frontend: UI Improvement. #17

merged 2 commits into from
Nov 2, 2024

Conversation

Smitkhobragade
Copy link
Contributor

  • Dark Theme Implementation: Introduced a dark theme with a subtle gradient for a modern, clean look and enhanced visual comfort for nighttime use.
  • Prominent Header: Added a clear "Helpmate AI" heading at the top of the application to establish brand identity.
  • Clear Call to Action (CTA): Redesigned the "Generate Answer" button to be the primary call to action, using a contrasting color and rounded shape for better visibility.
  • Mobile-First Design Approach: Adopted a mobile-first approach to ensure a smooth user experience across all device sizes, designing the layout to adapt effectively to larger screens.
  • Well-Defined Footer: Created a visually appealing and informative footer for enhanced navigation and branding.
  • Smooth Transitions: Implemented smooth transitions throughout the application for a polished, professional feel.
  • Animations: Added animations for the send button and microphone button to provide visual feedback during user interactions.

Copy link

netlify bot commented Oct 30, 2024

👷 Deploy request for helpmate-ai pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 575d88e

Copy link

vercel bot commented Oct 30, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
helpmate-ai ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 30, 2024 3:17pm

@codeaashu
Copy link
Owner

codeaashu commented Oct 30, 2024

Screenshot_2024-10-30-17-17-32-07_40deb401b9ffe8e1df2f1cc5ba480b12

🌟 It's not responsive on mobile view when we going to generate a code I think you use a slider to solve this -- so, Make it better 👆🏻

🌟 Also check out PR #15 👇🏻
& Add a feature to show the previous prompt history ( question and answer both )

Just like this image 👇🏻

IMG-20241030-WA0009

Apart from that all things is ok Just solve this two issues
& I will merged your code

And I have something special offer for you 💌

@Smitkhobragade
Copy link
Contributor Author

@codeaashu . I have done the changes as per stated in above discussion.

@Smitkhobragade
Copy link
Contributor Author

@codeaashu what is the special offer for me ?

@Smitkhobragade
Copy link
Contributor Author

@codeaashu Any reviews ??

@codeaashu codeaashu added enhancement New feature or request hacktoberfest Label is used for Issues and pull request related to Hacktoberfest 2024 open source contribution. hacktoberfest2024 Label for tracking contributions and activities during Hacktoberfest 2024 gssoc24 Label is used for Issues and pull request related to GSSOC 2024 open source contribution. hacktoberfest-accepted Label is used for accept the pull request of contributer in Hacktoberfest 2024. opensource Label is used for Issues and pull request related to all open source contribution. gssoc-ext Label is used for Issues and pull request related to GSSOC 2024 open source contribution. labels Nov 2, 2024
@codeaashu codeaashu merged commit 9f30ef1 into codeaashu:main Nov 2, 2024
1 check passed
@codeaashu
Copy link
Owner

check out your mail

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request gssoc24 Label is used for Issues and pull request related to GSSOC 2024 open source contribution. gssoc-ext Label is used for Issues and pull request related to GSSOC 2024 open source contribution. hacktoberfest Label is used for Issues and pull request related to Hacktoberfest 2024 open source contribution. hacktoberfest2024 Label for tracking contributions and activities during Hacktoberfest 2024 hacktoberfest-accepted Label is used for accept the pull request of contributer in Hacktoberfest 2024. opensource Label is used for Issues and pull request related to all open source contribution.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants