search

dipak-kumawat / YouTube

Youtube clone using React, Node, MongoDB and Firebase. MERN stack app with Redux Toolkit, JWT Cookies and Firebase Storage.
https://silver-biscochitos-5032f4.netlify.app/
MIT License
10 stars 6 forks source link

Issue #6 solved - Add a custom button in sign in page #10

Closed bosiljkatodic00 closed 3 months ago

bosiljkatodic00 commented 3 months ago

Description

The package import { GoogleOAuthProvider, GoogleLogin } from '@react-oauth/google'; has been integrated, and a Google Sign-In button has been implemented on the frontend using it.

Google OAuth Setup: To use Google Sign-In in this application, you need to configure your Google OAuth 2.0 Client ID.

Steps:

  1. Create a Google Cloud project and enable OAuth 2.0.
  2. Obtain your Client ID.
  3. Create a .env file in the root directory of your project and add the following line: REACT_APP_GOOGLE_CLIENT_ID=YOUR_GOOGLE_CLIENT_ID_HERE.

Currently, upon successful google login, the application logs the response to the console. However, for full functionality, it will be necessary to integrate this with the backend in the future.

Screenshots

2 1

vercel[bot] commented 3 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
you-tube ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 9, 2024 3:22pm
dipak-kumawat commented 3 months ago

Thank you for your contribution! Your addition of the Google custom button greatly enhances the project. Your efforts help make this repository even more versatile and user-friendly.