search

kylelhk / Pictionary

CITS5505 Agile Web Development - Group Project
MIT License
1 stars 0 forks source link

Issue #23 - Refactor and improve frontend design for login and signup page #30

Closed kylelhk closed 5 months ago

kylelhk commented 5 months ago

Change Summary

  1. Added preamble with dynamic typing effect.
  2. Refactored the login and signup forms with animated and toggle effects.
  3. Added password visibility and remember me options.
  4. Created a video using ChatGPT and VEED.io for the background of the login and signup form container https://www.veed.io/view/7049d95a-5424-4639-861c-7791fe504bf3?panel=share.
  5. Added a GitHub icon for the project repo.
  6. Conducted basic manual testing on input fields and responsiveness.
  7. A bug in base.css regarding the active page effect was discovered when working on the signup form toggling effect – fixed it so that the effect will only apply to nav links but not the elements in other pages. image

Change Form

Other Information

TODO / Bug:

  1. Video fine-tuning (only if time allows).
  2. Bug to be fixed: Unexpected white box appears upon applying the browser’s autofill function. This seems like a browser default behaviour (same issue in both Chrome and Safari). I have tried to address this by manipulating “-webkit-autofill” in css and using JavaScript to dynamically change the styles after the autofill has occurred, but in vain. image
iheathers commented 5 months ago

I think most of the modern designs are shifting towards minimalistic design. But it will always come down to client. We might have to think about those as well when creating webpages. But i would not worry about those at this point.

iheathers commented 5 months ago

just for info, For the branch name, we can follow CITS5505-#<ISSUE NUMBER> maybe for consistency. These are just convention and there are not standard for these. The branch name looked really long. So, just mentioning it if that can be helpful.

kylelhk commented 5 months ago

just for info, For the branch name, we can follow CITS5505-#<ISSUE NUMBER> maybe for consistency. These are just convention and there are not standard for these. The branch name looked really long. So, just mentioning it if that can be helpful.

No preference on this. Am just following the practice from my previous projects at Coders For Causes. We may further come up with a consensus. Thanks.