Discover Mushrooms in Finland
PHP HTML5 CSS3 JS WordPress API
A custom WordPress theme for a website about mushrooms in Finland, combining education, blog content, and guided tour booking. Fully responsive, user-friendly, and optimized for multilingual support using Weglot (English & Finnish).
Eläintarha
HTML5 CSS3 JS
This is an interactive JavaScript project that combines arrays, objects, loops, conditional statements, functions, and DOM manipulation. The user can view, add, filter, search, and delete animals – as well as sort the list alphabetically. The site's layout has been refined to be user-friendly and clear.
Pannukakku kauppa
HTML5 CSS3 JS
Pancake Ordering App An interactive web application where the user can customize and order their own pancake by choosing the type, toppings and toppings. The chef can manage and update orders on their own "All Orders" page.
Pankki automatti
HTML5 CSS3 JS
An interactive web application where users can manage their personal bank account. They can log in securely with a PIN code (1234), check their account balance, deposit money, and withdraw funds if the balance allows. The application updates the balance instantly without reloading the page and displays error messages when necessary (e.g., “Insufficient funds”).
Magic ball
HTML5 CSS3 JS
An interactive web application where the user can ask a question and receive a random answer with animation. The interface features a circular Magic 8-Ball with a response window, CSS animations for shaking, a glow effect for the “Magic 8-Ball” text, and a fade-in animation for the answer.
Festivaali harjoitus
HTML5 CSS3
FlexFest on verkkosivuprojekti, jossa harjoittelin Flexboxin ja CSS Gridin käyttöä verkkosivun rakenteen ja ulkoasun hallintaan. Projektin tavoitteena oli toteuttaa sivu mahdollisimman lähelle annetun esimerkin ulkoasua.
Interactive raiting
HTML5, CSS3, JS
An interactive rating component where users can select a number rating and submit it. After submission, a “Thank you” card appears. All interactive elements include hover and focus states for better usability. Users experience a design that closely matches the provided challenge.
Green form
HTML5, CSS3, JS
An interactive web application where users can fill out a sign-up form with fields for first name, last name, email, password, and password confirmation. The form validates input on the client side, displays error messages for invalid or missing fields, and shows a success message when all inputs are correct.
Business College
HTML5, CSS3
A web page where users can explore a recreated layout inspired by the Business College Helsinki website. The project focuses on replicating the design and styling using HTML and CSS while adding some custom enhancements.