GameFo

GameFo is a video game information website. Enter a video game title in the search bar to view its trailers, images, and other various details.

View Demo

To view a demo of the website, click here, or enter https://gamefo-demo.netlify.app in your browser's address bar.

Feel free to clone and experiment with the code as well. Follow these steps to do so.

Built with

• create-react-app

• styled-components

  • Used for all styling.

• RAWG video games database API

  • API used to acquire all game media and information.

• axios

  • Handles requests made to RAWG API.

• react-swipeable

  • Handles swipe event on images when user is on a mobile device.

Installation and Instructions

Step 1 - Get a free RAWG API key.

• A RAWG API key is required to locally run this application. You can get a free API key by visiting RAWG's API docs site.

• Once you are on the site, locate the link/button that will lead you to instructions on how to obtain a free API key.

Step 2 - Clone this repo, then open it in your code editor.

$ git clone https://github.com/agviray/gamefo-website.git

Step 3 - From the app's root directory, install all of the dependencies that are required to run the app.

$ npm install

Step 4 - Set your RAWG API key as a string value of const KEY, located in the rawg.js file.

• You can find the rawg.js file following this path from the root diretory: src > apis > rawg.js

• Un-comment const KEY and set it equal to your API key (as a string value).

Step 5 - Save your changes, then run the application.

$ npm start