MarkyAaronYoung / vintage-verified

0 stars 0 forks source link

# Authentication #2

Open MarkyAaronYoung opened 4 years ago

MarkyAaronYoung commented 4 years ago

User Story

As a user I should be able to see a landing page with a google login button.

AC

WHEN I visit the landing page I should see a vintage picture background AND a google login button on a navbar to the right AND the brand "Vintage Verified" on the top left AND when I click the login button I should see a google pop up authenticating my email

Dev Notes

class Auth extends React.Component {
  loginClickEvent = (e) => {
    e.preventDefault();
    const provider = new firebase.auth.GoogleAuthProvider();
    firebase.auth().signInWithPopup(provider);
  }

  render() {
    return (
      <div className="Auth">
        <h1>Auth</h1>
        <button className="btn btn-info" onClick={this.loginClickEvent}>Google Login</button>
      </div>
    );
  }
}

export default Auth;
MarkyAaronYoung commented 4 years ago
Screen Shot 2020-09-10 at 5 50 34 PM