Northcoders House of Games Front End

Link

The project is live here.

Summary

This is a front-end made in React to interact with this backend project. This frontend project acts like a message board allowing users to discover articles which can sorted and filtered. It also allows users to interact with the articles through voting and comment posts.

Getting Started

To host this project locally, do the following:

1. Clone this repo and access the folder

To clone the repo:

git clone https://github.com/26june/nc-games-project-frontend.git

Then change folders:

cd nc-games-project-frontend/

2. Install the required dependencies.

The package.json file contains the following dependencies:

"dependencies":
  {
    "@emotion/react": "^11.10.5",
    "@emotion/styled": "^11.10.5",
    "@mui/icons-material": "^5.10.16",
    "@mui/material": "^5.10.17",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^1.2.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.4.4",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4",
  }

In order to install these, run the code:

npm install

3. View the project

Run the following command to view the project:

npm start

Notes

This project was built using:

Node.js v18.10.0.

React v18.2.0

axios v1.2.0