Mini Steam profile React component

Preview

Showing hours played for recently played games

This React component renders a Steam profile by the SteamID and APIkey given through a .env file, making API calls through Node.js server.
The API calls are made calling Steams'API and web scraping the background from the given Steam Profile using cheerio library.

What does it show

Profile picture

Profile background

Username (with Steam Profile link)

Level

Games Owned (including free-to-plays)

Recently played games and hours played

Usage

Use <SteamProfile/> for rendering the component in your page (use it in a div with width).

Create .env file in server.js and add:

     - API_KEY = "Your steam api key"
     - STEAM_ID = "Your steam id"

Installation

*Work in Progress*
npm installation command not available

Other way

Copy the steamProfile.tsx file in your components folder

Create or modify your server.js

Change/add "proxy" in package.json (Front-end side) to the port 5000, example "proxy": "http://localhost:5000"

Create an .env file with you Steam api key and Steam ID

This component is not affiliated with Valve