Steve's Steam Tool v2

A steam library and profile comparison tool made with Next.JS, TailwindCSS and utilizing the Steamworks API

Live version

(For now) The project has been deployed to Vercel and is available to see there. https://steamtool.vercel.app/

Running Locally

Clone and create a .env file in the root, supplying your steam dev API key - https://steamcommunity.com/dev

Then run locally via

npm run dev

Open http://localhost:3000 with your browser to see the result.

Features

NextJS 13

Utilizes Next13's App folder for routing, as well as internal API routes to forward fetch requests.

(Almost) All custom code

I used react-hot-toast for some pop-up warning messages, but otherwise modals etc and other components are all home made.

Responsive for mobile

Features like hover-over make sense on desktop, but many elements had to be remade and repositioned for mobile view.

Screenshots

Intro/Tutorial Page

Main page showing multiple user filter mode

Player detail modal view

Responsive mobile views

Video