Projects

HR App

HR App

Tools: HTML, CSS, JavaScript, React, Render

HR App is a learning project built with React and JSON Server. The application allows you to view, add, and edit employee information, with all data persisted on a mock backend.

πŸ’» Code | πŸ”— Demo

Find your community website main page screenshot

Find your community website (group project)

Tools: HTML, CSS, JavaScript, PHP, React, WordPress

A custom WordPress prototype website for discovering communities and events, combining educational content, filtered listings, and detailed presentation pages. Fully responsive, bilingual (English & Finnish), and interactive with a React-based filtering interface.

πŸ’» Code | πŸ”— Demo

Pancakes orders site screenshot

Pancakes orders site

Tools: HTML, CSS, JS, LocalStorage, DOM API

A web application for creating and managing pancake orders with local data storage.

πŸ’» Code | πŸ”— Demo

Admin dashboard screenshot

Admin dashboard

Tools: HTML, CSS, JS, LocalStorage, DOM API

This is a simple admin dashboard for viewing, sorting, searching, and updating pancake orders from Pancakes orders site.

πŸ’» Code | πŸ”— Demo

Little Zoo web project screenshot

Pikku ElΓ€intarha (Little Zoo)

Tools: HTML, CSS, JavaScript

A small web project for practicing arrays, objects, events, and DOM manipulation. It includes features for adding, filtering, searching, sorting, and deleting animals.

πŸ’» Code | πŸ”— Demo

Web developer landing page screenshot

Web developer landing page

Tools: HTML, CSS3

A responsive landing page inspired by the Business College Helsinki Full-Stack Program.

πŸ’» Code | πŸ”— Demo

Magic 8 ball simulator screenshot

Magic 8 ball simulator

Tools: HTML, CSS, JavaScript

An interactive Magic 8 Ball web app inspired by the classic pop-culture toy.

πŸ’» Code | πŸ”— Demo

Newsletter sign up form screenshot

Newsletter sign up form

Tools: HTML, CSS, JavaScript

A simple, responsive sign-up form was created as part of an assignment to practice form design, styling, and client-side validation.

πŸ’» Code | πŸ”— Demo

Bank atm simulator screenshot

Bank atm simulator

Tools: HTML, CSS, JavaScript

The app allows users to log in with a PIN code, check their balance, deposit money, and withdraw money through a clean and responsive web interface.

πŸ’» Code | πŸ”— Demo

Flexfest 2025 website screenshot

Flexfest 2025 website

Tools: HTML, CSS3

This is a practice project for creating a festival landing page using Flexbox and CSS Grid.

πŸ’» Code | πŸ”— Demo

Order Summary Component screenshot

Order Summary Component

Tools: HTML, CSS

This is my solution to the Order Summary Component challenge on Frontend Mentor. It was built using only HTML and CSS, with a focus on semantic structure, responsive design, and visual accuracy.

πŸ’» Code | πŸ”— Demo

Multi-step form screenshot

Multi-step form

Tools: HTML5, CSS, JavaScript

This is a solution to the Multi-step form challenge on Frontend Mentor.

πŸ’» Code | πŸ”— Demo