A modern, responsive collection of classic browser games built with Astro and Tailwind CSS. Play Hangman, test your typing speed, and challenge your mind with word puzzles - all for free, directly in your browser!
My project is not a normal gaming hub. For me, it is a representation for my improvement in the development journey. This project is a lifetime collection for all web-based games that I will build (to always remember “we are coding for fun”).
In this ship, I build the main structure of the gaming hub and merged 3 of my previously made games (with improvements in styles, logic to fit the new gaming hub)
During this devlog, I have worked on merging my legacy made three games. In addition, I have improved their styles, logic to fit in the gaming hub. The three games are hangman, speedtest, and guessword games. I also improved the styling of the home page, about page and solved some errors made by wrong understanding of Astro framework script dealing logic.
For all changes made during this devlog session you could look at today (2025-12-24) commits in the repo
https://github.com/saif-abdelrazek/a8k-games-hub/commits/main/?since=2025-12-24&until=2025-12-24
For the legacy source code, you could check my legacy projects org in github
https://github.com/a8k-legacy
Log in to leave a comment
Nice idea! Why use ms edge tho..?
Actually, I don’t remember why I was using Edge for showcase. But I think I was writing this devlog in LibreWolf and was developing in GitHub Codespaces on Edge, so tested the site there.
During this devlog, I have created the Games (/games) page with its categorization functionality based on categories and difficulties. That page start with a top featured games section.
Log in to leave a comment
During this devlog, I have created the main components of the Games Hub including the navbar, footer and them toggle button (including the theming functionality). In addition, I have created the home page of the hub with its hero section and featured games section. I also created 404 page.
Log in to leave a comment