FGTG

FGTG is a simple web app that displays a list of games, uses React and Redux, and fetches the game's data from IGDB. In addition, you can filter results and see the details of each game on a detail page. This project is built as the capstone project "Catalogue of Statistics" of the React-Redux module from Microvers.

🔨 Built with:

• Html
• JavaScript
• React
• Redux
• Axios
• antd
• Jest
• React Testing Library

🔴 Live Demo:

Live demo

👷 Getting Started

To get a local copy up and running follow these simple steps:

• Open the terminal where you want to clone this project and paste.

    git clone git@github.com:ricardomonte/stadistics-catalogue.git

• Access the folder cloned.

    cd stadistics-catalogue

• Install dependencies.

    npm install

• Lunch the App.

    npm start

Note:

If, for any reason, the application crashes due to server side problems follow this instructions

• First if the App is running stop it, in the terminal press

    crtl+c

• Then open your favourite editor. If is vscode type in the terminal

    code .

• Go to the API folder inside of src folder and change the url and urlGame in Api.js

  const url = 'http://localhost:5000/games/';
  const urlGame = `http://localhost:500/games/${id}`;

• Now open a new terminal in a folder where you want clone the following project then paste.

    git clone https://github.com/ricardomonte/express-proxy-igdb.git

• Access the folder cloned.

    cd express-proxy-igdb

• Install the dependencies

    npm install

• Install globally nodemon

    npm install -g nodemon

• Open the project with your favourite editor.
• Create .env file in the root
• Add your credentials

  // Example
    CLIENT_ID= 'YOUR_CLIENT_ID_HERE'
    CLIENT_SECRET='YOUR_CLIENT_SECRET_HERE'

  // To get the client id and the client secret you need to
  // create an account in Twitch.

• Then lunch the server.

    nodemon start

• Finally lunch once again the App

✔️ Test

For testing:

• Open in terminal the folder just cloned.
• If you run 'npm install', continue reading. If not follow the instructions in the Getting Started section
• To run the test, in the terminal run.

    npm run test

👤 Author

• Github: @ricardomonte
• Twitter: @ramnkco
• LinkedIn: Ricardo Montenegro

✋ ✋ Contributions

Contributions, issues and feature requests are welcome!

Feel free to check the issues here.

Show your support

Give a ⭐ if you like this project!.

❕ Acknowlegment

• To Microverse
• Mentor.
• Stand up team

📝 License

This project is MIT licensed.