My Programming and Design Projects

Here you can explore my projects, view them in action through their links, and inspect their source code on GitHub. For some projects, additional photos of the design and development processes are available under "View gallery" on wider screens such as tablets and desktops.

11/2024

Memory Game

This application is a memory game with three levels that increase in difficulty. The project was developed to practice using the Flame game engine with Flutter and Dart. It also demonstrates my ability to customize Flutter's default design. The application is hosted by Firebase Hosting.

Flutter

Dart

Flame

Firebase

11/2024

CSS Framework Comparison

This project compares three different CSS frameworks, Bootstrap, Foundation, and Tailwind, and was conducted as part of research into developments in the field of web software development. I worked on this project with two other students, and the findings are documented under my academic papers. The application has been deployed using Firebase.

HTML

CSS

Bootstrap

Foundation

Tailwind

Firebase

10/2024

Restaurant Diary

This Flutter application is a simple website for storing information about visited restaurants. The application allows users to rate restaurants, record their prices, and write notes about them. The application has been deployed using Firebase.

Flutter

Dart

Firebase

07/2024

Q&A about Courses

This project was a practice exercise in building a scalable web application. The application lists courses where users can ask and answer questions. An LLM also generates three answers for each question. The application utilizes load balancing, server-sent events, message queues, infinite scrolling, and cached requests. In addition, a Kubernetes configuration was implemented for container orchestration.

JavaScript

Tailwind

Astro

Svelte

NGINX

Docker

Kubernetes

06/2024

Grading Code Assignments

This project also demonstrates my knowledge of scalable web application features. The application consists of three Python programming assignments that are graded using a Docker-based grader image (not implemented by me). The application provides real-time updates on the grading process without requiring the user to refresh the page. In addition, load balancing and queues for assignment submissions have been implemented.

JavaScript

Tailwind

Astro

Svelte

NGINX

Docker

09/2023 - 11/2023

Recipe Stash

This web application is meant for storing recipes quickly and easily so that they can be found in the same location. The idea was to simplify existing recipe applications into a cleaner and more attractive version for users who live busy lives. The application was developed in a three-person team, and we designed it carefully with the help of personas, use cases, and user stories.

JavaScript

Mongo DB

React

Node.js

CSS

Figma

View gallery

04/2023

Inclusive Helsinki

This application was a practice project in creating a campaign page using frontend technologies. The project was completed in pairs, and we chose to focus on the issue of hostile architecture. The page is based on mock data but still features relevant content. It also incorporates a video related to the campaign.

JavaScript

React

CSS

Figma

DaVinci Resolve

View gallery

10/2022 - 04/2023

Aalto Grades

This application was developed in collaboration with Aalto University, and it was designed to help teachers calculate students’ grades more easily. The application would also allow students to check their progress in different courses. The application was developed in a Scrum team of nine people (eight developers and one Scrum Master).

JavaScript

TypeScript

React

Node.js

Docker

MUI

Styled Components

Figma

View gallery

11/2023 - 12/2023

Popularity of Vaccines

This interactive and dynamic visualization provides information about the popularity of different vaccinations. The visualization was implemented in Observable and displays data on vaccination coverage for different diseases as well as attitudes toward vaccines. With this project, my goal was to practice creating dynamic visualizations with D3.

JavaScript

HTML

CSS

D3

Observable

View gallery

11/2023 - 12/2023

Planting Trees

This UI prototype is part of a project in which our goal was to design a graphical user interface for planting trees in a team of four. The GUI was divided into different views, and I focused on displaying the progress of planting trees. The view shows the user's progress as well as their community's progress, as the users are motivated to improve their local community's environment.

Figma

View gallery

02/2023

Tietokilta - Website

I have been part of the team responsible for designing my guild Tietokilta's new website. I focused on the content pages and on how textual and graphical information would be displayed.

Figma

02/2021 - 04/2021

Virtual Cassino

This virtual Cassino card game was created during the second year of my bachelor's degree. The game can be run locally and can be played either against other players (on the same computer) or against computer opponents. The project demonstrates my knowledge of Scala and object-oriented programming.

Scala

Scala Swing

UML

View gallery

11/2024

Memory Game

This application is a memory game with three levels that increase in difficulty. The project was developed to practice using the Flame game engine with Flutter and Dart. It also demonstrates my ability to customize Flutter's default design. The application is hosted by Firebase Hosting.

Flutter

Dart

Flame

Firebase

11/2024

CSS Framework Comparison

This project compares three different CSS frameworks, Bootstrap, Foundation, and Tailwind, and was conducted as part of research into developments in the field of web software development. I worked on this project with two other students, and the findings are documented under my academic papers. The application has been deployed using Firebase.

HTML

CSS

Bootstrap

Foundation

Tailwind

Firebase

10/2024

Restaurant Diary

This Flutter application is a simple website for storing information about visited restaurants. The application allows users to rate restaurants, record their prices, and write notes about them. The application has been deployed using Firebase.

Flutter

Dart

Firebase

07/2024

Q&A about Courses

This project was a practice exercise in building a scalable web application. The application lists courses where users can ask and answer questions. An LLM also generates three answers for each question. The application utilizes load balancing, server-sent events, message queues, infinite scrolling, and cached requests. In addition, a Kubernetes configuration was implemented for container orchestration.

JavaScript

Tailwind

Astro

Svelte

NGINX

Docker

Kubernetes

06/2024

Grading Code Assignments

This project also demonstrates my knowledge of scalable web application features. The application consists of three Python programming assignments that are graded using a Docker-based grader image (not implemented by me). The application provides real-time updates on the grading process without requiring the user to refresh the page. In addition, load balancing and queues for assignment submissions have been implemented.

JavaScript

Tailwind

Astro

Svelte

NGINX

Docker

09/2023 - 11/2023

Recipe Stash

This web application is meant for storing recipes quickly and easily so that they can be found in the same location. The idea was to simplify existing recipe applications into a cleaner and more attractive version for users who live busy lives. The application was developed in a three-person team, and we designed it carefully with the help of personas, use cases, and user stories.

JavaScript

Mongo DB

React

Node.js

CSS

Figma

View gallery

04/2023

Inclusive Helsinki

This application was a practice project in creating a campaign page using frontend technologies. The project was completed in pairs, and we chose to focus on the issue of hostile architecture. The page is based on mock data but still features relevant content. It also incorporates a video related to the campaign.

JavaScript

React

CSS

Figma

DaVinci Resolve

View gallery

10/2022 - 04/2023

Aalto Grades

This application was developed in collaboration with Aalto University, and it was designed to help teachers calculate students’ grades more easily. The application would also allow students to check their progress in different courses. The application was developed in a Scrum team of nine people (eight developers and one Scrum Master).

JavaScript

TypeScript

React

Node.js

Docker

MUI

Styled Components

Figma

View gallery

11/2023 - 12/2023

Popularity of Vaccines

This interactive and dynamic visualization provides information about the popularity of different vaccinations. The visualization was implemented in Observable and displays data on vaccination coverage for different diseases as well as attitudes toward vaccines. With this project, my goal was to practice creating dynamic visualizations with D3.

JavaScript

HTML

CSS

D3

Observable

View gallery

11/2023 - 12/2023

Planting Trees

This UI prototype is part of a project in which our goal was to design a graphical user interface for planting trees in a team of four. The GUI was divided into different views, and I focused on displaying the progress of planting trees. The view shows the user's progress as well as their community's progress, as the users are motivated to improve their local community's environment.

Figma

View gallery

02/2023

Tietokilta - Website

I have been part of the team responsible for designing my guild Tietokilta's new website. I focused on the content pages and on how textual and graphical information would be displayed.

Figma

02/2021 - 04/2021

Virtual Cassino

This virtual Cassino card game was created during the second year of my bachelor's degree. The game can be run locally and can be played either against other players (on the same computer) or against computer opponents. The project demonstrates my knowledge of Scala and object-oriented programming.

Scala

Scala Swing

UML

View gallery