feat(auth + ui ux) : add multi-provider login & login + and sign up page Enhancement. :)

[Khushii75]

Pull Request Template for Vehigo

Please fill out the following sections to help us review your pull request efficiently.

1. Title

A concise and descriptive title for your pull request. Please follow Conventional Commits guidelines if applicable.

feat(ui & ux ): Enhance login and signup page design & functionality.

2. Description

Provide a detailed description of the changes introduced by this pull request. Explain what was changed and why. Include any relevant context or design decisions.

This pull request enhances the login and signup pages to improve UI/UX consistency, responsiveness, and accessibility. The updates focus on refining styling, adjusting layouts for different screen sizes, and improving user experience for form interactions.

1. Key improvements include:

-Better alignment and spacing for form fields.

-Improved responsiveness across mobile, tablet, and desktop.

-Enhanced visual styling with consistent fonts, colors, and button states.

-Minor bug fixes related to input validation and error handling.

3. Related Issues

Closes: #357

4. Changes Made

List the specific changes implemented in this pull request. Be as specific as possible, referencing file paths or component names where appropriate.

• Change 1: Updated login.html and signup.html with improved layout & styling.
• Change 2: Enhanced input validation messages for both pages.
• Change 3: Improved responsive design for small devices.
• Change 4: Refactored CSS classes for better maintainability.
• Change 5: Fixed inconsistent button alignment.
• Change 6: Footer is added at both the pages.

5. Checklist

Before submitting, please ensure you have completed the following:

• I have read the project's contributing guidelines.
• My code follows the project's coding style and conventions.
• I have performed a thorough self-review of my own code.
• I have added comments to my code, especially in complex or non-obvious sections.
• I have made corresponding updates to the documentation (e.g., README, API docs) if my changes require it.
• My changes introduce no new warnings or errors during compilation/runtime.
• I have added new tests or updated existing ones to cover my changes, and they pass locally.
• Any dependent changes (e.g., API updates, library versions) have been addressed.

6. Screenshots/GIFs

Before:

After:
Login:

Via Google:-

Via Microsoft:-

Sign up:

7. Improvements Needed / Future Enhancements

-Integrate a database layer to persist user data (e.g., login credentials, user profiles, session tracking).
-Implement form validation with stronger error handling to improve user experience during login and signup.
-Add password encryption (e.g., bcrypt) before storing credentials to enhance security.
-Provide OAuth/social login options (Google, GitHub, etc.) for easier authentication.
-Improve UI/UX consistency with responsive layouts and accessibility best practices.
-Write unit and integration tests for the login and signup flow to ensure reliability.

@Akashshelke07 Check it out! :)

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[Khushii75]

After resolving conflicts it's showing : "Working Tree is Clean". But i don't know why it's now updating here.

[Akashshelke07]

Kindly resolve the merge conflicts in the login.html and signup.html files.

[Khushii75]

Kindly resolve the merge conflicts in the login.html and signup.html files.

sure.