Image description

PROGRAD LABS | REACT NODE | PASSPORT | GOOGLE AUTHENTICATION

Learning Goals

In this exercise, you will learn how to perform google authentication using passport.js:

  • Passport middleware.
  • google authentication
  • React and node integration

Getting started

  1. Fork this repo
  2. Clone this repo

Whenever you create a first significant change, you should make your first commit.

  1. Follow these guidelines to add, commit and push changes.

In the end of this document, you will find guidelines on how to submit the exercise.

Reference Link:http://www.passportjs.org/packages/passport-google-oauth2

PROGRESSION 1 | REACT LOGIN AND SIGNUP FORM

Your task in this progression is to create a signup and sign in form in react. use npx create-react-app to create a react app. The sign up contains the following fields

  • email (String)
  • password (String)

Perform proper validations in client side validation in react.

PROGRESSION 2 | PASSPORT GOOGLE AUTHENTICATION

Your task in this progression is use passport.js as authentication middleware and create a google authentication for your email and password.

PROGRESSION 3 | CONNECT YOUR FRONTEND AND BACKEND

Your task in this progression is to connect the frontend react signup and login to a backend express server. User should sign up and login using the google user accounts.

Submission

If you didn't add, commit and push the changes you made, this is the last call. 😄

please share your github links with your Mentors. Your Mentor's will check up your work and provide feedback.

Summary

If you managed to do it, good job! 🏆

We are proud of you!

Happy Coding ProGrad ❤️!