Demo

Go to:
School Projects
Personal Projects
Miscellaneous

School Projects

These are the projects that I worked on during my 2022-2023 full stack dev studies, newest first. If the title is a link, you can visit it.

Keytar Hero is a bad pun and a clone of the popular music rhythm game, Guitar Hero. This project is developed using Unity and is designed to run directly on Internet browsers. It was created as some part of our C# course.

Unity C# WebGL

  • Meal Planner

The Meal Planner is a dynamic web-based application that streamlines meal planning and dietary tracking for health-conscious individuals. Wow. Leveraging the Edamam API, it allows users to create personalized meal plans from a vast product library. It offers dietary analytics with historical data on caloric and nutrient intake, just so you can make an informed meal choice! Key features include a scheduler and a smooth food selection UI with lots of drag and drop stuff.

React Next.js MongoDB Tailwind CSS

  • Soccer Club Manager

Soccer Club Manager is a web-based application designed for internal use by a soccer team, to streamline the creation of match results and details, track performances of their roster and facilitate access to personalized training plans. Key features include data visualization with charts and full matches reports. I don't even watch soccer.

Java Spring Boot Spring Security MySQL Thymeleaf Bootstrap

This manual of procedures can help you manage cloud infrastructure and applications, I hope. The topics are presented in a practical sequence designed for beginners to follow along. We were assigned to provide a .doc or .pdf but I also published this online version generated with Hugo and the Hugo Book theme.

Hugo Markdown

  • Forum

Forum is a web-based application where members can participate in online discussions and share their interests or ideas, similar to Reddit. It provides subforums for everyone to connect and build communities around any specific topic in a user-driven environment. Key features for this student project include user authentication with moderation tools, streamlined subforums creation (better than the Reddit one), search and vote.

PHP Laravel MySQL Blade Bootstrap

  • Tracker

Tracker is a generic app that keeps record of whatever you need by using the RESTful API that we learned from our web services course. It first started as a todo list, then as a video games completion history tool, then as a gym routine scheduler. The backend is flexible and works the same either way.

Java Spring Boot MySQL Bootstrap

X-Count is a simple, original game that I created as part of our very first course on JavaScript and user interfaces. The goal is to visually guess the percentage of X characters displayed in the grid, as fast as you can.

JavaScript HTML CSS

My first student portfolio as part of our web design course. It is written from scratch in pure HTML/CSS. They kept telling us nobody does pure CSS anymore. :(

HTML CSS

 

 

Personal Projects

I did these for fun.

I tried the Godot Engine for a few days to get a feel of its scripting language and made this physics-based, flying platformer thingy. The little character moves a bit like a lunar lander in low gravity and must reach the end of the level.

On desktop, use either the Up, Left, Right arrow keys or W, A, D. On mobile, use the touchscreen controls but it's much harder.

insitu.js is a script that I wrote to display artwork as if there were photographs of it hanged on a wall. I used to do that on Photoshop with my digital illustrations before posting them on social media. Now it's automated.

It simulates shadows, perspective and more by dynamically adding randomized CSS to an image element and its wrapper. It is triggered on click from a button or gallery thumbnails, as shown in the live demo.

I played Street Fighter a lot. SFLIST lists all Street Fighter moves for those entries I enjoyed the most, so not a lot of them, in a responsive format. It is a static website generated with Jekyll and YAML data files. CSS and JavaScript are used to dynamically convert text strings to more appealing arcade stick inputs. I used it a lot myself on mobile.

This is a playlist called #digitarhythm, a selection of music I discovered over the years by playing video games. Probably the oldest page I kept alive.

 

 

Miscellaneous

Small coding experiments.