webcrumbs-community/webcrumbs

Task /admin: Enhance login page with Error Handling and UX Improvements

Closed this issue · 19 comments

Background

We've successfully merged /auth logic with the /login interface within the /admin dashboard. It's functioning, but like any good piece of art, it requires some fine-tuning. We want to smooth out any rough edges in user experience, particularly around error handling and interface responsiveness.

Description

This task is about refinement. Our integrated login page is good, but we aim for great. We need to anticipate user errors, provide helpful feedback, and ensure that the interaction feels intuitive and error-free. It's time to polish and enhance what we've built, focusing on details that elevate the user experience from satisfactory to delightful.

New Requirements

  • Implement clear and friendly error messages for login failures and unauthorized access
  • Ensure error handling is smooth and doesn't interfere with user flow
  • Test the UI for edge cases and unusual user behavior

Steps to Enhance

  1. Visit the /admin login on your local or staging environment
  2. Test the current setup by simulating common user mistakes
  3. Integrate user-friendly error messages and handling mechanisms
  4. Adjust UI elements to maintain or improve aesthetic and functional quality
  5. Keep an eye on maintaining the high security standards set previously

Additional Context

We want users to feel confident and secure. A great user experience is one that’s both robust and forgiving, guiding users back on track with ease and efficiency.

Acceptance Criteria

  • Login errors trigger clear, helpful feedback to the user
  • UI remains clean and functional
  • Security features are upheld and uncompromised

Let's get this UX to a state where it not only works but wows. Ready for this challenge? Dive into the code and make these enhancements shine!

Hi @webcrumbs-community
I'd like to take this one

That's great, @ShatilKhan! Let us know if you need any help (here or at our discord).

HI @webcrumbs-community
Is this issue still opened? Any progress on it? Would like to help to get it done.

Hi, @dew-dr0p! You're help is always very welcome. Let's let @ShatilKhan tell us the status of this and if we can assist him with anything.

@webcrumbs-community, which type of error message should we work on? Should it be in the form of a toast or just another popup? Please clarify for better implementation

Hi, @dew-dr0p! You're help is always very welcome. Let's let @ShatilKhan tell us the status of this and if we can assist him with anything.

Great advise. @ShatilKhan any way we can contribute or help with your work so far on this issue?

@webcrumbs-community, which type of error message should we work on? Should it be in the form of a toast or just another popup? Please clarify for better implementation

I'm thinking about those error messages that usually appear in login pages. It could be something like this, e.g.

image

image

Hey guys sorry for the delay
I'm looking into it

Anyway we could help out, would be really appreciated too. @ShatilKhan

Hello @webcrumbs-community I went through the description and I would like to contribute to the project by performing this task.

Hey, @Rishav-264 and @dew-dr0p. Thanks for offering to take this task! @ShatilKhan had time to check it out, but I believe he got caught up with other things. @dew-dr0p, you offered first, so I'm asking you if you'd like to take this or with you're busy with other tasks and would like @Rishav-264 to help/take. Let us know! Thanks everyone!

@webcrumbs-community yes absolutely! Let me know if I am assigned to this task. I have joined the webcrumbs discord server as well so I'll be available there too.

Hey, @Rishav-264 and @dew-dr0p. Thanks for offering to take this task! @ShatilKhan had time to check it out, but I believe he got caught up with other things. @dew-dr0p, you offered first, so I'm asking you if you'd like to take this or with you're busy with other tasks and would like @Rishav-264 to help/take. Let us know! Thanks everyone!

Hi @webcrumbs-community, there's no problem @Rishav-264 should take up this one, while we still try to close up the one I'm already on and I'll also like to pick up the one on Module Federation.

@dew-dr0p works out, @webcrumbs-community let me know when I can start with this.

Go for it, @Rishav-264 ! Let us know if you need any help. I'll assign this for you

@webcrumbs-community Awesome! Will get started with it.

@Rishav-264 Heyyy, well done. How's it going with this issue? How far have you gone? Do you need any help? Pls, remember don't forget to reach out when you need help. I'll be expecting some feedback on how it's going and how far you've gone.
Have a great time, working on this.

@Rishav-264 Heyyy, well done. How's it going with this issue? How far have you gone? Do you need any help? Pls, remember don't forget to reach out when you need help. I'll be expecting some feedback on how it's going and how far you've gone.
Have a great time, working on this.

Hey @dew-dr0p, thanks for helping me out with the problem I was having. It's going well, give me a few days and I'll update you with a demo update. Thanks for your patience

⚠️ This issue has not seen any activity in the past 2 months so I'm marking it as stale. I'll close it if it doesn't see any activity in the coming week.