Implement Login and Registration Pages with Firebase Integration

[itsMeBishal001]

---

Description:

This pull request addresses the feature request for implementing login and registration pages with Firebase Authentication integration. The changes include both the front-end UI components and back-end setup required to manage user authentication.

Changes Included:

1. Login Page:

   • Created a clean and user-friendly login form.
   • Added fields for email and password.
   • Included options for "Forgot Password" and "Sign Up."
   • Integrated Google Sign-In using Firebase Authentication.
   • Implemented error handling and redirection upon successful login.

2. Registration Page:

   • Developed a simple and intuitive registration form.
   • Added fields for email, password, and confirm password.
   • Integrated Google Sign-In using Firebase Authentication.
   • Implemented input validation (e.g., password strength, matching passwords).
   • Added error handling and redirection upon successful registration.

3. Firebase Integration:

   • Configured Firebase project and added Firebase SDK to the application.
   • Implemented Firebase Authentication for handling user login and registration.
   • Ensured secure handling of user credentials and authentication tokens.

4. Additional Features:

   • Ensured responsive design for both login and registration pages.
   • Provided clear user feedback during authentication (e.g., loading indicators, success messages).
   • Conducted thorough testing to ensure functionality and reliability.

Acceptance Criteria:

• The login and registration pages are fully functional and integrated with Firebase Authentication.
• Users can log in and register using both email/password and Google Sign-In.
• Proper error handling and user feedback are implemented.
• Pages are responsive and accessible across different devices.

Screenshots/Recordings:
(Attach any relevant screenshots or screen recordings showcasing the functionality.)

Related Issue:
Closes #7

Testing Instructions:

1. Navigate to the login page and test login functionality with both email/password and Google Sign-In.
2. Navigate to the registration page and test registration functionality with both email/password and Google Sign-In.
3. Verify that all user inputs are validated and appropriate error messages are displayed.
4. Ensure that the user is redirected to the correct page upon successful login or registration.

Reviewers:

---

[netlify]

❌ Deploy Preview for a-food-ordering-app failed. Why did it fail? →

Name	Link
🔨 Latest commit	0843de1
🔍 Latest deploy log	https://app.netlify.com/sites/a-food-ordering-app/deploys/669fa7844125400008b8d642