Skip to content

Game Hub is an application created for users who are interested in games and allows them to expand that interest or hobby.

License

Notifications You must be signed in to change notification settings

marycpriyanka/game-hub

 
 

Repository files navigation

Game Hub

badge

Table of Contents

Description

Game Hub is an application created for users who are interested in games and allows them to expand that interest or hobby. This application has users login or register to enhance their gaming experience by adding games to their profile, leaving reviews, and adding likes or dislikes for their pleasure. A user can see what games other users are playing as well.

What we learned

  • Utilize Apollo Server and GraphQL through React
  • Use JWT authorization
  • Set state and use hooks in React
  • Deploy MongoDB to Heroku
  • Use Github projects to complete issues
  • Work with a team of developers

Installation

This program can be run through a browser using the link to the deployed application. Alternatively, to run this application locally you will need to:

  • Navigate to https://github.com/marycpriyanka/game-hub
  • Clone the Github repository to recieve all of the files
  • Run npm run install in the command line of your terminal to set up all of the dependencies.
  • Populate the existing database items by running npm run seed in your terminal
  • Run npm run develop to start the application and begin using it.

Usage

Use the deployed URL, https://game-hub-2022.herokuapp.com/ to open the deployed application. When the user visits the page for the first time then the user is presented with the home page containing the website title, links to login sign-up, a search bar and a list of games shown from the games database

home

When the user chooses to sign up by clicking on the Register link, then the user will be taken to a page to enter in their email along with their desired username and password.

regiser

When the user finishes signing up by clicking the sign up button, then the user’s credentials are saved and they are logged into the site with a token and redirected to a modified home page that shows add game, view-profile and logout links.

modified home

When the user revisits the site at a later time and chooses to login, then the user is prompted to enter their username and password. When the user clicks to login to the website with their username and password, then the user will be redirected to the modified home page.

login

When the user revisits the website within 2 hours of logging in then the modified home page will be rendered.

When an unauthorized/authorized user clicks on the search bar then they will be taken to a page where they can search for a game by its name and type

search

When an unauthorized/authorized user searches for a game then they will be brought to a page that filters games by category

search results

When an unauthorized/authorized user clicks on a game title then they will be brought to a page with the games description and a list of users who have rated the game, the likes and dislikes for the game and will see reviews left by other users

game

When the unauthorized user views a game then there is a link that can take them to register or login. User needs to login inorder to add reviews.

When an authorized user views a game then they can add the game to their profile if not already added. They can also like (thumbs up) or dislike (thumbs down) a game.

modified game

When an authorized user views a game then there is a form at the bottom of the game that can be submitted with their own inputted review.

review

When an authorized user is on the home page then they can select the view profile link

When an authorized user is viewing their profile then they can see a list of their games within their game library and the reviews that accompany them, they can also remove a game from their library

profile

When an unauthorized/authorized user clicks on another users profile then they are taken to that users profile and can see what games are within their library

When an authorized user clicks on the add game link then they are brought to a page to add a UNIQUE game into the database(no duplicates)

add game

When an authorized user tries to add a UNIQUE game then they must fill out the category, name of the game and a description

When an authorized user successfully adds a game to the database then they are redirected to the modified home page

When a user clicks on the logout link from the modified home page then they are logged out and are redirected to the home page

When a user clicks on the ghost image/links at the bottom of the page it will take them to the makers respective github account

Credits

See the deployed website at: https://game-hub-2022.herokuapp.com/

Developers Github
Jenny Sacco jennysacco
Priyanka Mary Christine marycpriyanka
Anthony Ditore aditore
Rebecca Yu

This app was created with create-react-app

License

Game hub is available under the MIT License.

Technologies used

  • React
  • CSS
  • GraphQL(Apollo)
  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • bcrypt package
  • JWT Authentication
  • Heroku

Questions

https://github.com/marycpriyanka

For any addditional questions, reach me at marycpriyanka@gmail.com.

About

Game Hub is an application created for users who are interested in games and allows them to expand that interest or hobby.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.6%
  • CSS 18.4%
  • HTML 3.0%