This games app is a sample showcase of some React elements working together. Using it, you can login, either by signing up with your email, password, and URL for an avatar image, or via Facebook or Google. Inidividual account info is created using Firebase, and user info is stored using Firestore.
Once logged in, you can search for your favorite games via the RAWG Games API, and select from the results to add them to your collection or wishlist. You can also go to My Account and view some basic information, send a password reset email, or change your avatar by clicking on your image.
Clicking on any game in your Collection or Wishlist will provide a game description, and allow you remove the game from that list.
Please enjoy GamesApp!
Several good places for this, but particularly in Collection line 427 to render search results once they have finished loading.
All components functional and act on state using useState hooks.
Provided via API Context and AuthContext to pass API data and login data, respectively.
Both Signup and Login forms created, with full validation and required elements marked. Signup takes email, password, password confirmation, and picture URL. Both use AuthContext to store a local authorized state.
Submission of either Signup or Login causes a login state to mark as authorized, reroutes the user to the User page, and changes the Menu's Login and Signup buttons to Logout (which triggers logout) and Home.
When loading Collection and Wishlist tab pages, a quick CSS transition animation fires.
Connect to server via AuthContext for User Data and API on API Context, special API calls to both Gaming API and Firebase imported throughout components.
Create your own account, curate you own collection and wishlist, reset your password, change your profile image
A full stack app with modals, full account setup support, and neato features!
For those extra tags for each top game.
👍 -->