{"id":5654,"date":"2024-02-01T12:42:10","date_gmt":"2024-02-01T10:42:10","guid":{"rendered":"https:\/\/jenniina.fi\/?p=5654"},"modified":"2024-02-02T09:38:32","modified_gmt":"2024-02-02T07:38:32","slug":"react-node-js-parturi-kampaamo-hannastiina","status":"publish","type":"post","link":"https:\/\/jenniina.fi\/finnish\/react-node-js-parturi-kampaamo-hannastiina\/","title":{"rendered":"React &#038; Node.js: Parturi Kampaamo Hannastiina"},"content":{"rendered":"<section class=\"wp-block-group alignfull is-style-no-margin-vertical shadow-under-nav has-palette-2-color has-palette-1-background-color has-text-color has-background\" style=\"padding-bottom:20px\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Etusivu<\/span><\/p><\/nav>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center\" id=\"title\">React &amp; Node.js: Parturi Kampaamo Hannastiina<\/h1>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"wp-block-group alignfull bottomclip is-style-no-margin-vertical shadow-none has-palette-2-color has-palette-1-background-color has-text-color has-background\" style=\"padding-top:50px;padding-bottom:120px\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide\">\n<div class=\"wp-block-column\" style=\"flex-basis:30%\">\n<h2 class=\"wp-block-heading has-text-align-center\">Sivusto parturi-kampaamolle<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-left has-large-font-size\">Single-page Node.js\/React website for the hair salon Parturi Kampaamo Hannastiina. <\/p>\n\n\n\n<p>The demo site at <a href=\"https:\/\/hannastiina.jenniina.fi\">hannastiina.jenniina.fi<\/a> 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&#8217;s introduction, categories, users, and services are stored in a MySQL database, managed with Sequelize by logged-in users.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-drop-shadow\"><a href=\"https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top.png\"><img decoding=\"async\" width=\"1903\" height=\"923\" data-src=\"https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top.png\" alt=\"Hannastiina web site landing\" class=\"wp-image-5657 lazyload\" data-srcset=\"https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top.png 1903w, https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top-640x310.png 640w, https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top-1400x679.png 1400w, https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top-480x233.png 480w, https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top-768x372.png 768w, https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top-1536x745.png 1536w, https:\/\/jenniina.fi\/wp-content\/uploads\/2024\/02\/Hannastiina_top-18x9.png 18w\" data-sizes=\"(max-width: 1903px) 100vw, 1903px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1903px; --smush-placeholder-aspect-ratio: 1903\/923;\" \/><\/a><\/figure>\n\n\n\n<p>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 &#8220;Palauta&#8221; button.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"alignwide-wrap\" data-block=\"columns\">\n<div class=\"wp-block-columns alignwide regain-width\">\n<div class=\"wp-block-column\">\n<div style=\"height:3rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\">The embedded site. If it doesn&#8217;t show, you can browse at <a href=\"https:\/\/hannastiina.jenniina.fi\">hannastiina.jenniina.fi<\/a> <\/p>\n\n\n\n<div style=\"height:1rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group hannastiina\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<iframe \nid=\"hannastiina-iframe\" \n  src=\"https:\/\/hannastiina.jenniina.fi\" \n  title=\"Parturi Kampaamo Hannastiina\"  \nstyle=\"width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height:600px; border: none;\"\n\/>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"<div class=\"entry-summary\">\nSingle-page Node.js\/React website for the hair salon Parturi Kampaamo Hannastiina.\n<\/div>\n<div class=\"link-more-container\"><a href=\"https:\/\/jenniina.fi\/finnish\/react-node-js-parturi-kampaamo-hannastiina\/\" class=\"link-more\" aria-label=\"Continue reading React &#038; Node.js: Parturi Kampaamo Hannastiina\">More &raquo;<\/a><\/div>","protected":false},"author":1,"featured_media":5657,"comment_status":"closed","ping_status":"open","sticky":false,"template":"templates\/no-intro-header-overlaid-dark.php","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[6,14,10],"tags":[],"class_list":["post-5654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","category-react","category-website","entry","entry-type-post"],"_links":{"self":[{"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/posts\/5654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/comments?post=5654"}],"version-history":[{"count":25,"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/posts\/5654\/revisions"}],"predecessor-version":[{"id":5701,"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/posts\/5654\/revisions\/5701"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/media\/5657"}],"wp:attachment":[{"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/media?parent=5654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/categories?post=5654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jenniina.fi\/finnish\/wp-json\/wp\/v2\/tags?post=5654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}