Portfolio

ReactJS

Hero/Intro section: Interactive elements

This site focuses on React applications. Non-React porfolio items may be found at the portfolio section of the main site.

Main Site

Please report any issues with the site to Jenniina: survey

React Apps

React-specific apps made with Vite and Typescript. Each app is designed to be both pointer- and keyboard-accessible.

Dependencies:

  • react
  • react-icons
  • react-dom
  • react-router-dom
  • react-redux
  • @reduxjs/toolkit
  • axios
  • dom-to-image-more
  • react-helmet-async
  • uuid

Dependencies (dev):

  • @types/eslint-plugin-jsx-a11y
  • @types/react
  • @types/react-dom
  • @types/uuid
  • @vitejs/plugin-react
  • cross-env
  • esbuild
  • eslint
  • eslint-config-prettier
  • eslint-plugin-jsx-a11y
  • eslint-plugin-prettier
  • eslint-plugin-react
  • eslint-plugin-react-hooks
  • globals
  • jiti
  • knip
  • prettier
  • rollup-plugin-copy
  • terser
  • typescript
  • typescript-eslint
  • vike
  • vite

Dependencies (Backend Node.js):

  • bcryptjs
  • cors
  • dotenv
  • express
  • express-validator
  • flatted
  • jsonwebtoken
  • mongoose
  • nodemailer
  • sanitize-html

Dependencies (Backend Node.js dev):

  • @types/bcryptjs
  • @types/cors
  • @types/express
  • @types/jsonwebtoken
  • @types/node
  • concurrently
  • nodemon
  • typescript
  • Color Accessibility

    WCAG Contrast Checker Tool. Test color combinations for accessibility - at a glance.

  • The Comedian's Companion

    A joke app with customizable options. Uses three different API (and my own). Submit a joke. See local jokes.

  • Blob Art App

    Make blob art your thing. A custom draggables app with blobs that meld into each other. Supports layers. Save or download art.

  • Composer Olli Santa (Website)

    Olli Santa is a professional choir and orchestra conductor in the Southern Finland area.

  • Hair salon website

    Website: Parturi Kampaamo Hannastiina

  • Media

    Media with random quotes or poems. Uses three different API (and my own).

  • Drag and Drop

    A custom drag-and-drop app. Color the draggable cards and containers and sort them as you wish

  • Memory Game

    Test your memory with this fun game!

  • Quiz App

    A quiz app with three difficulty levels, a timer, and a highscore list. The app uses the The Trivia API to fetch questions.

  • Custom Select Dropdown

    A custom select component that can be used as a single- or multiple-select alternative. Please fill in the survey

  • Multistep Form

    A three-step fully functional contact form.

  • Todo App

    A todo-app using localStorage and Mongo-DB when the user is logged in.