LiamMyles / Steam-Games-React-Filter

Steam API Games List filter built in React

Home Page:https://liammyles.github.io/Steam-Games-React-Filter/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Steam Games React Filter

My first complete react project, which was started with Create react app.

Running the project

Install the packages using either yarn yarn or npm npm isntall

Once you have the packages installed you can run the project with yarn yarn start or npm npm run start

Reason for creating this project

This project was created to help improve my proficiency with react. As well as my general design and css skills.

I used it to play around with the steam api, which I'm hoping to use in future projects.

Code Pen Example

An example of this code has been ported over to Codepen. Click here to view on Codepen

What's left to polish

This little project is done now, but there are always things that could still polished.

Here is a list of items that I would have liked to do, but didn't get around to:

  • Add more group roles to the filters to improve the a11y of the component.
  • Update the designs of the buttons.
  • Create custom typography and better styled fonts.
  • Improve the css to use less tag selectors.
  • Port the css over to Sass.
  • Make more generic classes for the component styles.

About

Steam API Games List filter built in React

https://liammyles.github.io/Steam-Games-React-Filter/


Languages

Language:JavaScript 84.2%Language:CSS 10.8%Language:HTML 5.0%