Frontend: Implement Google Sign-In Logic #10
Description
🎯 Objective
Enable users to sign in using their Google accounts by integrating Google authentication into the LogiQuest application.
🔍 Context
The application already has a Sign-In page, but we need to implement Google authentication. This will allow users to log in using their Google credentials for a seamless experience.
📋 Tasks
- Integrate Google Sign-In using Firebase Authentication or OAuth.
- Implement the sign-in logic inside
services/GoogleAuthService.ts. - Update the SignIn.tsx page to trigger Google authentication.
- Ensure proper error handling and loading states.
💻 Technical Implementation
1️⃣ Set up Google Authentication in Firebase/OAuth and retrieve the required credentials.
2️⃣ Modify services/GoogleAuthService.ts to include a function for handling Google Sign-In.
3️⃣ Update SignIn.tsx to provide a Google Sign-In button that calls the function.
4️⃣ Handle Authentication State properly to update the UI upon successful sign-in.
📌 Contributor Reminders
✅ Check the Contribution Guidelines: 🔗 CONTRIBUTING.md
✅ Sync with the latest changes from the LogiQuest repository before working on this issue.
📝 Acceptance Criteria
✅ Users can sign in using their Google accounts.
✅ The authentication logic is implemented in services/GoogleAuthService.ts.
✅ The Sign-In button triggers Google authentication correctly.
✅ Proper error handling is in place.
✅ The UI updates accordingly after authentication.
💪 Skills Required
- React
- Firebase / OAuth
- State Management
- Error Handling
⏳ Timeframe
✅ Please complete this issue within 2 days of assignment to keep the project on track.