Hi, I'm Teemu

Passionate programmer and an artist based in Joensuu, Finland.
Currently looking for employment opportunities.

Projects

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