Welcome

This is a sub-site of jenniina.fi made with and focusing on ReactJS. Other porfolio items may be found at the portfolio section of the main site.

Main Site

React Github Repository

Node Github Repository

The site is translated to seven languages, six of which were chosen based on the supported languages of JokeAPI, from which the translation idea came from, and the seventh one being Finnish.

Please report any issues with the site to Jenniina: survey

Features of this site

Site Settings

• Language Select
  • The translations are done with the help of Github Copilot (except for English and Finnish), so they may not be perfect
• Light/Dark mode button
• Button to toggle between navigation styles
  • Two styles at small screen size and two at large screen size
• Log In and Register buttons. Replaced by User Edit and Logout buttons when logged in

Hero/Intro section

• Hover/focus animation
• Movement according to pointer's enter direction
• Remove with click or Enter when focused
• Reset button on the lower right corner resets the interactive elements
• Press Escape to skip to reset button
• Keyboard focus: move items with arrow keys
• Elements
  • Bubbles (See the top of the current page)
  • Music notes placed within a staff (Composer Page)
  • Four-sided jewels (Store)
  • Eight-sided jewels (Cart)
  • Draggable blobs (Portfolio)
  • Radiating squares standing on their corner (Todo App)
  • Inverted triangles (Quiz App)
  • Alien eyes : Elements rotate to face cursor (Contact)
  • New: Cells, Radiating concentric rings that expand in a loop, shedding tiny particles in an arc, eventually shrinking into nothing (Media)

React Apps

Other features

• Page transition animation
• Wave animation at the main heading
• Back to top button at the lower right corner and at the footer
• Exit links at the top and bottom of the pages to go back to the main jenniina.fi site