PlanNex- web & Mobile Management

Hey! I've reviewed your project and have some thoughts.

👍 Solid WCAG documentation - you clearly thought through contrast, touch target sizes, and labels.

👍 Visual feedback (green border for correct email, red for errors) is good practice.

👍 Social login with clear icons - facilitates onboarding.

👍 Responsiveness - clear adaptation for mobile

What could be improved:

🤔 Missing info on edge cases - what happens after failed login? What does the loading state look like for social login? The brief mentions "safely, effectively, efficiently" - you could show more states.

🤔 "Remember me" checkbox - did you consider the security implications of this solution in the context of a task management tool?

Summary:

You have really strong foundations! Clear knowledge of accessibility and care for the user. Add an interactive prototype and a few additional states, and this will be a very complete presentation. You're on the right track! 💪

Just had a look, everything seems on point to me, Esraa 👌

Suggestions for improvements:

• The project presentation could benefit from a few paragraphs with pointers on what this project is all about, even just a copy-paste :)
• The ✔️PlanNex logo is a similar case to the famous play button optical illusion, where the triangle needs to be slightly off-center to appear centered. Since the ✔️PlanNex is accompanied by a checkmark logo, it doesn't look centered on mobile when you center it technically due to the checkmark's tail. It probably needs something like “margin-left: -10px” to avoid the uncentered illusion.
• Still on mobile, the content seems a bit too close to the edge. An easy fix would be following iOS guidelines (16pt minimum margins recommended).
• Minor capitalization issues in the copy for the subheading and text field placeholder.
• …and (for me) the usual case of using solid black, which could cause eye strain.

These are just the main things that stood out. Hope it helps!