Passionate programmer and an artist based in Joensuu, Finland.
Currently looking for employment opportunities.
Kovaa & Kontissa
Website
Code
Designing process
Figma
HTML | CSS
Website for Bachelor of Business Administration students for their school entrepreneurship project.
More in-depth analysis in Designing process.
Objective :
- Create an approachable and professional looking website
- Improve responsive designing skills with code and design
Learned:
-
Mobile design should come first
-
Asking feedback often is really important because others see things differently
-
It's important to be flexible with your designs because changes do occur
-
Not trying to perfect every little thing
-
Took a lot more time than I first thought - Better estimate now how fast I can code and design
Pokedex Randomizer
Preview
Code
Bootstrap | Javascript | HTML | CSS
Website showcasing pokemon information (id, name, type, abilities) for 7 random pokemon.
Objective :
- Learn Bootstrap
- Improve Javascript skills
- Learn how to utilize external API
Learned :
-
To exploit Fetch to get information from
external API.
-
To Make website responsive with Bootstrap.
MarjaGo
Prototype
Figma
UX/UI -Design
School project where I had a chance to collaborate with 7 people to create UI / UX design for berry and mushroom picking mobile app.
My role:
- Had the pleasure to design everything with Figma since team members didn't have any prior experience with designing tools such as Figma.
Challenges:
- How to regulate false/accidental berry spots that users leave. For example, the berry is named Blueberry when it should be Blackberry.
- How to reduce mistakes that users make when writing. For example when writing berry species or when writing the degree of ripeness of the berry.
My solutions to challenges:
- Reporting false/accidental spots made easy as possible: User clicks report button on berry post and the information about the post gets copied to report screen. Then the user may include additional info and click send.
- The use of dropdown menus reduced mistakes and also made adding new berry spots much faster.
PhoneBok
Preview
Code
Javascript | CSS | HTML
Simple responsive phonebook application
Objective
- Hone Javascript, CSS and design skills
- Learn to use Tables and update them with Javascript
- CSS: Table styling and how to hide scrollbar
- CSS: Position Absolute and Relative use
- Responsive Design
Learned:
- To use and style tables and hide scroll bar
- About position Absolute and Relative
- About Javascript dictionary use
- That using objects would have been the best solution to solve this project. Also it would have been better to use phonenumber as a key rather than a value. Either of those would fix duplicate name issue
Palindrome Checker
Preview
Code
Javascript | CSS | HTML
Responsive palindrome checker.
Objective
- Hone Javascript, CSS and design skills
- Get familiar with inputs
- Learn to make fullscreen applications
- Responsive design
Learned:
- To make application fullscreen using min-height: -vh
- About input and textarea
- To make website responsive with media queries