thejaviertc / steam-workshop-stats

Analyze your Steam Workshop Addon Stats in one place!

Javiertc's profile 👋

About Me

• I’m currently studing at Universidad Politécnica de Madrid.
• All of my projects are available at https://thejaviertc.github.io/portfolio-javiertc/

GitHub Analytics

steam-workshop-stats's Issues

Start Using Steam API

https://steamapi.xpaw.me/#ISteamRemoteStorage/GetPublishedFileDetails

Create Better Index

Hided addons break the stats counter

You can't take the stats of a hide addon, and break the counter.

Start using "range"

Possible to show Likes and Dislikes?

Hey nice work, Is it possible to get detailed stats from steam like the Likes and Dislikes on workshop items?

Redesign Footer with Steam Warning

steam-workshop-stats/views/index.ejs

Line 57 in edf8a18

<p class="h3">Made by <a href="https://github.com/thejaviertc"><b><u>Javiertc</u></b></a></p>

Remake all Scap System

Add Remaining Things

steam-workshop-stats/views/index.ejs

Line 8 in edf8a18

<meta name="description" content="">

QoL 2 - sort

i manage to sort the cards, by subscribers, with js
will be nice to be able to sort things

let enum_type = {
views: 1,
subscribers: 2,
favorites: 3,
}
const gridElement = document.querySelector("body > div > section > div > div.grid.grid-cols-1");
const sortTextSelector = `.card .my-2 .flex.justify-center:nth-child(1) h5:nth-child(${enum_type.subscribers})`;


function reorderCards(gridElement, sortTextSelector) {
  // 1. Get all cards as an array
  const cards = Array.from(gridElement.children);

  // 2. Extract sort text for each card
  const cardsWithText = cards.map(card => {
    let sortTextElement = card.querySelector(sortTextSelector);
      sortTextElement = sortTextElement.textContent.trim().replaceAll(",","")
    return {
      card: card,
      text: sortTextElement ? sortTextElement : "",
    };
  });

  // 3. Sort the cards based on the extracted text (assuming numeric sort)
  cardsWithText.sort((a, b) => {
    const numberA = parseFloat(a.text);
    const numberB = parseFloat(b.text);
    return numberB - numberA;
  });

  // 4. Update the grid element with the reordered cards
  gridElement.innerHTML = "";
  cardsWithText.forEach(cardObj => gridElement.appendChild(cardObj.card));
}

reorderCards(gridElement, sortTextSelector);

Start using Typescript

• Start using Typescript

Add graphs

Graphs (one each row) displaying the information (before the addon list)

Users without custom URL profile crashes

When you search a user who doesn't have the custom url profile, crashes.

Change to Header

steam-workshop-stats/views/index.ejs

Line 26 in edf8a18

<a class="navbar-brand" href="">

Make Form that get all the links necesaries

Start using SCSS

• Start using SCSS

Change colors of hrefs

steam-workshop-stats/views/index.ejs

Line 42 in edf8a18

<div class="form-group">

Add star rating

Better Loading System

Make a loader when fetching the API

Rework UI

Create a better UI.

Get Name of Person in Workshop

QoL request: input using url Query Parameters

hi javier, its is amazing the new release, well done!
i really enjoy the new summary on top, including total like deslike, and the stars rating
is possible to add a way to do the request via url like

https://thejaviertc.github.io/steam-workshop-stats/fetch-user?q=ALL_WORKING_INPUTS

Change charts from lines to bars

Take IMG from the other site

Rework UI

Move to ReactJS

Move from NodeJS to ReactJS

Website not working

TypeError: Failed to fetch
Access to fetch at 'https://javiertcs-api.herokuapp.com/steam-workshop-stats?url=http://steamcommunity.com/id/javiertc/' from origin 'https://thejaviertc.github.io' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Take name of the user in "Stats of <user>"

Unable to search accounts in a row

When you search an account, and you try to search another one, it doesn't work

Save language selection

Thoughts on the Graphs display

Thanks for this project!

Since the current graphs aren't related to time, a line chart feels like a poor representation of the data. Perhaps a bar chart would represent it better?

The ability to rearrange the addons would be useful as well :)

Title is too big in Mobile

Reduce font size

Error Handling

Add Error Handling with notifications

Change to Function

steam-workshop-stats/controllers/scrap.js

Line 5 in f78b3b7

scrap.getInfo = (req, res) => {

Move required dependencies to devDependencies

• Move required dependencies to devDependencies

API wrapper erroring

Looks like the API is erroring out, for example : https://javiertcs-api.herokuapp.com/api/steam-workshop-stats?https://steamcommunity.com/id/madcarbs is returning a 503.

Might be related to oauth tokens being revoked.

Solve all vulnerabilities

• Solve all vulnerabilities

Follow W3C Rules HTML (Spaces)

QoL feature about Steam Profile URL input

is that possible to add a feature that ignores the path after user id/profile?
only if url occurences "/" >= 5 (to prevent incompatibilities with future steam changes
checks if url have id or profile, and extract the next string path from url

https://steamcommunity.com/id/USER/myworkshopfiles/?appid=###
https://steamcommunity.com/profile/USER/myworkshopfiles/?appid=###

is it possible to ignores the extra data content, just extract the https://steamcommunity.com/%s/%s

it will be a nice feature to simply copy and paste the steam workshop url, and my browser (client side) trims that to the correct one

i try to send a PR with that change, but i dont have familiarity with svelte

Addons appear unordened

Order the addons with the release date instead of randomly

Error Handling in the API

Make a error handler for the API

Improve Performance and Optimizate System