项目作者: aajfranklin

项目描述 :
What would your kimono look like? Concept by graphic designer Euphemia Franklin, development by Alex Franklin, promoted by the Victoria and Albert Museum.
高级语言: JavaScript
项目地址: git://github.com/aajfranklin/Playful-Kimono.git
创建时间: 2020-07-04T02:02:10Z
项目社区:https://github.com/aajfranklin/Playful-Kimono

开源协议:

下载


Playful Kimono

Playful Kimono asks the question, what would your kimono look like?

Contents

Background

Drawing inspiration from kimono sample books, or hinagata-bon from the Edo and Meiji periods, the project reinterprets the kimono design process through a digital template and invites users to bring their own unique designs to life.

Playful Kimono has been promoted by the Victoria and Albert Museum and is supported by the Kingston University Business School.

Concept and design by Euphemia Franklin.

Development by Alex Franklin.

Technologies

The Playful Kimono website was built with React and Redux. The kimono design editor was built with the Fabric.js canvas library.

Playful Kimono is hosted on Heroku and backed by a customised Strapi server, Amazon S3 for image storage, and a MongoDb Atlas database.

This stack allows for complete control of the front-end visual design and image editing implementation, simple content management and moderation for the project’s designer, and minimal ongoing hosting costs.

Features

Upload, edit, and submit a kimono design:

Click the image below for a video demo:

Playful Kimono video demo

Playful Kimono gallery screen

Playful Kimono expanded gallery screen

Responsive design and touch support:

Playful Kimono responsive design view 1 Playful Kimono responsive design view 2 Playful Kimono image upload screen with touch instructions

Credits

Playful Kimono uses icons from the Iconify Bootstrap Icons collection.

Zoom range slider styles generated with Daniel Stern’s range.css tool.