React & Node.js: Parturi Kampaamo Hannastiina

A site for a hair salon

Single-page Node.js/React website for the hair salon Parturi Kampaamo Hannastiina.

The demo site at hannastiina.jenniina.fi is implemented with Node.js and React. Node.js serves the React site statically and provides an API interface for managing services. Editing the content of the site requires a username and password. The site’s introduction, categories, users, and services are stored in a MySQL database, managed with Sequelize by logged-in users.

There are three main user roles and a fourth testing role. Site owner and site administrators can manage users and services, while authorized users can manage services. Site owner cannot be deleted. The testing role is for viewing purposes only and cannot edit the database.

The header contains interactive elements in the form of light translucent orbs that move away from the cursor when hovered over. They can be dismissed by clicking or tapping and can be restored from the lower right “Palauta” button.