A single page react app made for an online, multi-platform, video game streaming company
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
documentation
public
src
.babelrc
.csscomb.json
.eslintignore
.eslintrc
.gitignore
README.md
package-lock.json
package.json
webpack.config.js

README.md

Game Pass

A single page responsive application created for Game Pass, an online, multi-platform, video game streaming company.

Game Pass allows users to play thousands of games, across many platforms (sega, gameboy, PS2, Xbox360, etc...) all on their PC, for a small monthly cost of $12.99.

Demo

screenshot 1

screenshot 2

screenshot 3

Details

The website runs off React and uses GiantBombs' Game Database (API) for prototyping and placeholder data.

Since no backend exists, JSONP is used for to retrieve information from GiantBombs' API in order to avoid CORS issues.
A custom carousel/slider library called "Atlas Slider" was made to achieve an effect similar to Netflixs' carousel.

Data Configs

giant-bomb-categories.json contains an array of pre defined categories allowing random database results that have some similarities to be retrieved with ease.

sitelinks.json defines the links that appear in the header, footer, and other links such as social media links.

The Giant Bomb API Key is stored in js/config/api-keys.json as
{ "GIANT_BOMB_API_KEY": "YOUR API KEY" }

This file is excluded for from GitHub for obvious reasons.
The application will not function without this file and a correct api key defined in it.

Documentation

All business logic and those React components that need documentation, are documented using JSDOC syntax (JSDOC plugin is not used).

documentation/documentation.js contains definitions and documentation of custom types used throughout the application.

Tool Chain

Esential

  • Webpack
  • Babel

Non Essential

  • ESLint
  • Prettier
  • CSComb: CSS Formater (because pretty CSS matters to)