Improve UI/UX of Login Page

narainkarthikv / Fit-Track

Open Source Contribution Exercise Logger Application

https://wisdomfox-fit-track.netlify.app/

MIT License

1 stars 3 forks source link

Improve UI/UX of Login Page #4

Open narainkarthikv opened 1 month ago

narainkarthikv commented 1 month ago

Tasks for Enhancing the Fit-Track Login Page

[x] Visual Design:
- [x] Update the visual design of the login page to make it more modern and attractive.
- [ ] Improve layout, typography, color schemes, and form elements to create a visually appealing interface.
[ ] User Experience:
- [ ] Enhance the usability of the login page by making the form more intuitive.
- [ ] Add features such as error messages, loading indicators, and form validation to improve user interaction.
[ ] Accessibility:
- [ ] Ensure the login page is accessible to all users, including those with disabilities.
- [ ] Add appropriate ARIA roles, ensure sufficient contrast, and make the form keyboard navigable to meet accessibility standards.

Feel free to reach out with questions or for more details. We look forward to your contributions to improve the Fit-Track login page!

malik-na commented 1 month ago

Hi! I can fix this. Please assign it to me.

narainkarthikv commented 1 month ago

Hey! assigned the issue

redfyel commented 5 days ago

hello, is this issue still open? can i work on this?

narainkarthikv commented 5 days ago

hello, is this issue still open? can i work on this?

Hi, this issue is still open. Please enhance the interactivity of the Login and SignUp pages for Fit-Track users. Could you make sure that the pages are fully responsive before pushing the updates?

redfyel commented 5 days ago

alright. what exactly is the color scheme for Fit-Track?

narainkarthikv commented 4 days ago

alright. what exactly is the color scheme for Fit-Track?

Use 60-30-10 rule if possible. As of now it is entirely in bootstrap UI.

Grey - 60 Red - 30 Blue - 10

redfyel commented 22 hours ago

hello! does this look okay or do you prefer the darker ui ?

Screenshot 2024-09-12 013024

redfyel commented 22 hours ago

here's the form with a bit of updates - when you click on the emoji, it changes to some fitness related emoji. this interactive element is to keep the user engaged while they login. choose between 1 and 2 1 or 2

narainkarthikv commented 11 hours ago

here's the form with a bit of updates - when you click on the emoji, it changes to some fitness related emoji. this interactive element is to keep the user engaged while they login. choose between 1 and 2 1 or 2

Image 1 looks good. In future, I'll be implementing dark mode so for now keep it light theme. The design is fine. Once after checking the login works fine give me a PR. If possible change the signup component too the same.

redfyel commented 11 hours ago

Great! I'll work on it!