Welcome to the second post about Steam Backlog Helper! As promised previously, in this blog I will discuss the current state of the app's FE, and hopefully from this point on I will just be writing regular updates, briefly detailing the latest changes and progress.
Home
I wanted the Home Page to be inviting, motivating (to play games) but also not too much. The main job for this page is to invite users to engage with the website (through Steam log in).
Went for the pixel font for the Home page as it seems aligned with the nature of this service. The background is also a video, that loops and is muted. You will notice the sprite (hooded character) standing on the letter 'R'. Upon clicking it, it will jump! This was simple, just replace the idle animation with the jumping animation (animations' duration considered).
Sidenote: The logo in the nav is still a work in progress so please don't judge me 😅.
Moving on, after the user goes through standard steam sign up we are greeted by the callback page, which also fetches the user's games and their respective data (in the background).
Dashboard
Here is the currently main page of the service: a place where the users can see all of their games, filter or sort them and search for titles too.
Starting from top to bottom, we see the small user overview. Currently, it just houses the user's steam username, steam_id (clickable link pointing to their steam profile), small description and (currently non-functional) edit and share buttons. Next to this is a small gif, currently hardcoded to a single file. In the future, I would like to gamify this platform, thus allowing the users to unlock different gifs/animations that they could use instead of this one.
Below this is the search/filtering section.
Simple enough, there's a search bar, and genres (extracted from the users' games), which , upon clicking, sort the cards correspondingly.
Game cards
These cards hold information about specific owned games:
- Genres
- Categories
- Playtime
- Completion status
- Estimated time to complete
It is important not to forget the check mark and cancel buttons on the side of the cards - they are used for manual completion status corrections.
Top Picks For You
This page presents you with top picks based on a combination of your most-played genres and user reception / ratings. There will still be more polishing of the logic behind this recommended queue in the future, for example not recommending (or timing) massively multiplayer games because technically can't 'beat' them (I have CS2 in this screenshot with 600+ hours). If you want to read more about the actual logic of this, refer to my previous post: Project Progress: Steam Backlog Helper
As you can see, none of these games are completed and they are accurate. I was actually ecstatic to see Ark: Survival Evolved as my No. 1 since it completely aligns with what I like in games: dinosaurs/diverse creatures and crafting! As a matter of fact, after writing this blog I'll be hopping right in!
This concludes the current progress for SBH, I will keep writing about my future updates and features. As always, feedback is appreciated!
Until next time :)
Top comments (0)