Skip to content

Repository files navigation

LoginwithGoogle

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.

Features

  • 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

Getting Started

Prerequisites

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

Installation

  1. Clone the repository

    git clone https://github.com/RatingRishu/LoginwithGoogle
    cd LoginwithGoogle
  2. Install dependencies

    npm install
  3. 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.
  4. Run the application

    ng serve

Usage

  1. Import the Google Sign-In module

    import { GoogleSigninComponent } from './google-signin/google-signin.component';
  2. Add the Google Sign-In component to your template

    <app-google-signin></app-google-signin>
  3. Customize the component as needed

    Modify the GoogleSigninComponent to fit your application's design and functionality requirements.

Contributing

Contributions are always welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact

If you have any questions or feedback, please feel free to contact me at rairishabh5001@gmail.com .

GoogleLoginR

Steps

Girl in a jacket

2 Click To SignUp Option -->

Girl in a jacket

3 Your Detail shown Loged in successfully

Girl in a jacket

Loged in User data store in Session Storage for use With key....

Girl in a jacket

Log Out...................

Login with google implementation.

About

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. Easy integration of Google Sign-In into Angular applications.

Topics

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages