Rakesh9100/Beautiify

[Feature] Add Game Signup Form

Closed this issue · 4 comments

TexZ-GenZ commented

Description

This pull request introduces a redesigned signup form for a game. The new form features a modern and visually appealing design, enhancing user experience and accessibility. Key highlights include:

  1. Background Video: A looping, muted background video for a dynamic and engaging user interface.
  2. Responsive Layout: The form is designed to be fully responsive, ensuring optimal display on various devices and screen sizes.
  3. Custom Fonts and Styling: Incorporates 'Norse Bold' and 'Courier New' fonts for a distinctive look. The styling includes intuitive box-sizing, margin resets, and improved media defaults for consistency.
  4. Form Validation: Enhanced form validation for passwords, ensuring strong security by requiring an uppercase letter, lowercase letter, number, and special character.
  5. Interactive Elements: Input fields and buttons with interactive styles such as hover effects and box shadows to improve user feedback and interaction.
  6. Animation: Subtle border color animation on the container for a dynamic and modern touch.
  7. Accessibility: Improved line-height for readability and text rendering for better accessibility.

Features

  1. Added a background video (bgv) with autoplay and loop functionalities.
  2. Implemented a responsive container with a blur effect and border animation.
  3. Styled the logo and header for the game signup form.
  4. Created form groups for input fields, with improved styling for hover and focus states.
  5. Added validation patterns and hover effects for the password fields.
  6. Styled the submit button and added hover effects.
  7. Provided a login prompt with interactive link styling.

Screenshots

image

Checklist

  • I have checked the existing issues.
  • I follow Contributing Guidelines of this project.
  • I am a GSSOC'24 contributor.
  • I am a IWOC'24 contributor.
  • I am a JWOC'24 contributor.
  • I am a SWOC'24 contributor.

Code of Conduct

github-actions commented

Hey @TexZ-GenZ, Welcome to the project Beautiify! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

Anupama-du commented

Hi, I would like to solve this issue, please assign me

github-actions commented

Hello @TexZ-GenZ! Your issue #995 has been closed. Thank you for your contribution!! 🙌