LoginwithGoogle is an Angular project that provides seamless integration of Google login functionality into any Angular application. This project offers a straightforward and efficient way to implement Google Sign-In, allowing users to authenticate using their Google accounts. Whether you're building a new Angular app or integrating Google login into an existing one, this project simplifies the process with clear instructions and ready-to-use code snippets.
- Easy integration of Google Sign-In into Angular applications
- Secure authentication using OAuth 2.0
- User-friendly and responsive login interface
- Customizable for different application needs
- Well-documented code for easy understanding and modification
Before you begin, ensure you have met the following requirements:
- Angular CLI installed
- Node.js and npm installed
- A Google Cloud project with OAuth 2.0 credentials
-
Clone the repository
git clone https://github.com/RatingRishu/LoginwithGoogle cd LoginwithGoogle -
Install dependencies
npm install
-
Configure Google OAuth
- Go to the Google Cloud Console.
- Create a new project or select an existing one.
- Navigate to the OAuth consent screen and configure it.
- Create OAuth 2.0 credentials (Client ID and Client Secret).
- Add your credentials to the environment configuration.
-
Run the application
ng serve
-
Import the Google Sign-In module
import { GoogleSigninComponent } from './google-signin/google-signin.component';
-
Add the Google Sign-In component to your template
<app-google-signin></app-google-signin>
-
Customize the component as needed
Modify the GoogleSigninComponent to fit your application's design and functionality requirements.
Contributions are always welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
If you have any questions or feedback, please feel free to contact me at rairishabh5001@gmail.com .
Steps
1 Run url "https://ratingrishu.github.io/LoginwithGoogle/login" -->