Code Monkey home page Code Monkey logo

game-store-monorepo-app's Introduction

Logo

Game Store Monorepo

A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powered by RAWG API.

Authors

Buy Me A Coffee

Built With

Screenshots

App Screenshot App Screenshot App Screenshot App Screenshot

Demo

Game store on Netlify

Installation

  1. Clone the repo
    git clone https://github.com/nphivu414/game-store-monorepo-app.git
  2. Install dependencies
    yarn install

Run Locally

  1. Go to the project directory
  cd game-store-monorepo-app
  1. Start the NodeJS server
  yarn nx serve nestjs-app
  1. Start the ReactJS web app
  yarn nx serve web-app
  1. Start exploring GraphQL Playground at http://localhost:3333/graphql and Game Store Web App at http://localhost:4200/

GRAPHQL API Reference

Get a list of games

query allGames {
    allGames(page: 1, pageSize: 5) {
        nextPage
        results {
            id
            name
            backgroundImage
            rating
        }
    }
}
Parameter Type Description
page number A page number within the paginated result set.
pageSize number Number of results to return per page.
date string Filter by a release date, for example: 2010-01-01,2018-12-31.
genres string Filter by genres, for example: 4,51 or action,indie.
tags string Filter by tags, for example: 31,7 or singleplayer,multiplayer.
publishers string Filter by publishers, for example: 354,20987 or electronic-arts,microsoft-studios.
search string Search by names

Get a list of games that are part of the same series.

query gameSeries {
    gameSeries(page: 1, pageSize: 5) {
        nextPage
        results {
            id
            name
            backgroundImage
            rating
        }
    }
}
Parameter Type Description
page number A page number within the paginated result set.
pageSize number Number of results to return per page.
id number Game ID.

Get details of the game.

query gameDetails {
    gameDetails(id: 3498) {
        id
        name
        backgroundImage
        rating
        platforms {
            platform {
            id
            name
            image
            imageBackground
            }
            releasedAt
        }
    }
}
Parameter Type Description
id number Game ID.

Get a list of video game genres.

query allGenres {
    allGenres(page: 1, pageSize: 10) {
        nextPage
        results {
            id
            name
            thumbnailImage
            games {
                id
                name
            }
        }
    }
}
Parameter Type Description
page number A page number within the paginated result set.
pageSize number Number of results to return per page.

Get a list of video game tags.

query allTags {
    allTags(page: 1, pageSize: 10) {
        nextPage
        results {
            id
            name
            thumbnailImage
            games {
                id
                name
            }
        }
    }
}
Parameter Type Description
page number A page number within the paginated result set.
pageSize number Number of results to return per page.

Get a list of video game publishers.

query allPublishers {
    allPublishers(page: 1, pageSize: 10) {
        nextPage
        results {
            id
            name
            thumbnailImage
            games {
                id
                name
            }
        }
    }
}
Parameter Type Description
page number A page number within the paginated result set.
pageSize number Number of results to return per page.

game-store-monorepo-app's People

Contributors

nphivu414 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.