felipemotarocha/google-login-react-tutorial — reverse-engineered prompt

Build me a very simple React demo app that shows how Google login works in the browser. I want a clean page with a Sign in with Google button when the user is logged out, then after login it should show their name, email, profile picture, and a clear sign out button. Keep the whole flow easy to understand, like something I could use as a tutorial starter project, and include basic loading and error states so it feels polished.

Please make it easy for me to plug in my own Google app credentials, and add a short note in the project explaining where those values go and how to run it locally. I would rather have small, readable code than anything too fancy. If the older Google login approach is outdated, look up the current docs online and use the modern way.