Enhancement: Update and Beautify the Healthcare Login Page

BharatSeva / BharatSeva-Plus-HealthCare-Interface

A portal for healthcare professionals (HIPs) to generate and manage health logs like biodata, health records, and more.

http://20.42.97.71:5000/healthcare/

MIT License

8 stars 16 forks source link

Enhancement: Update and Beautify the Healthcare Login Page #11

Open vaibhavyadav-dev opened 2 weeks ago

vaibhavyadav-dev commented 2 weeks ago

Description:

The current Healthcare login page needs an update to improve its visual appeal and user experience.
Some specific elements that could be enhanced include:

Update the fonts and typography for the labels and headings to make them more modern and elegant.
Consider redesigning the section with icons to improve readability and engagement.
The logo "Bharat सेवा+" and its surrounding text ("Health Care Login, Serving Country with Love and Dedication") could be centered and aligned properly for a more cohesive design.

Expected Outcome:

Introduce modern and visually appealing color schemes.
Use better typography for enhanced readability.
Improve alignment of text and images across the entire page.
Ensure that the webpage remains responsive and visually appealing across different screen sizes.

Screenshot:

SGI-CAPP-AT2 commented 2 weeks ago

I would like to contribute for this issue

vaibhavyadav-dev commented 2 weeks ago

Great @SGI-CAPP-AT2 can you share your thought on how you are planning to execute it. let's align before you proceed!

SGI-CAPP-AT2 commented 2 weeks ago

I will remove all these 3 boxes and create boxes without borders or shadow.
Align all of them center
Create a Parent for these 3 which is vertical flexbox
Changes in font

A-nirvana commented 2 weeks ago

I would like to work on this issue please assign it to me

vaibhavyadav-dev commented 2 weeks ago

@A-nirvana can you share you idea what will you change in this page.

A-nirvana commented 2 weeks ago

I would make the signup div smaller by just using only the placeholder for the inputs, maybe make them underline inputs instead of boxed, center all that properly, use a font like OutFit and also a suitable color pallete of maybe teal like colors with proper contrast and I will also try using glassmorphism to give it a very modern look. Also about the points of note, I'll make its div in a different shade than the other section. The Bharat सेवा+ logo will be centered. In total I'd make this a very classy modern looking page.

vaibhavyadav-dev commented 2 weeks ago

@A-nirvana @SGI-CAPP-AT2 can you make UI like this NOTE THIS IS AI GENERATED IMAGE