Technologies
Projects
-
Keto Bakery & Coffee
Website for the Keto Bakery dessert shop. It contains a content management system (CMS) for the products, image optimization, and content updating through webhooks
Typescript Astro Sanity.io -
Football Leagues
Web app that displays the standings for popular leagues in the current and past seasons. The data is fetched from the azharimm football-standings API. Users are able to select the league, the season, and filter the results. Data is cached using Redis.
Typescript NextJS Shadcn Redis TRPC -
PomoVue
Customizable pomodoro timer, which allows users to set their own Pomodoro time, break time, and long break time.
The app allows users to customize the length of each work interval, as well as the length of the short breaks and long breaks.
Typescript Vue 3 Tailwind -
Lost Halls map reading
(from the videogame RotMG) Lost Halls map reading guide originally written in the PubHalls discord by the user blazepig#0563.
Astro -
Random Hokusai paintings
Website that fetches a random painting from the artist Hokusai. It uses the API from metmuseum.org to obtain paintings exclusively by Hokusai. The user can also search for a painting by a specific name. If it detects that the painting does not contain sufficient information, it generates another random painting.
Astro Typescript Tailwind -
Premier League standings
Web app that displays the Premier League standings and team stats for current and past seasons. The data is fetched from the azharimm football-standings-api.
Typescript Astro Shadcn Redis -
Lightsouty
Classic puzzle game “Lights Out,” with a 3x3 layout and unlimited moves. The game is played by pressing the squares on the game board, which toggles the lights on and off. The objective of the game is to turn off all the lights on the board. As each square is pressed, the adjacent squares also toggle their state, adding to the challenge of the game.
Typescript React SCSS -
Interactive comment section
Comment section that includes features such as the ability to reply to comments, self-delete comments, and rate them. The design is responsive using CSS.
Typescript Vue -
Speech bubble meme generator
The speech bubble is a visual element that appears above the image and displays a text message, creating a humorous effect. This app can be used to add a playful touch to conversations.
Typescript React Tailwind Canvas -
Simon game
Traditional memory game “Simon Says”. The game is played on a 3x3 grid, with colored tiles lighting up in a specific order. Players must repeat the pattern by pressing the corresponding tiles in the same order. The patterns become longer and more complex as the game progresses, making it more challenging.
HTML CSS Javascript