Project

Description

Skatecreate offers the possibility to create your own skateboard deck. After a quick login via Google, FH account, or with a username and password, users are redirected to the design area. This area presents the core feature of the website, offering a variety of options for designing a deck. Users can add different types of geometric objects such as squares, triangles, or circles, as well as use the free drawing tool to leave a personal message on the deck. To further enhance the uniqueness of the design, images can be uploaded via drag and drop.
Objects can be copied and pasted to speed up interaction and transformation. The layer menu in the bottom-right corner of the design area provides a convenient way to move objects forward or backward in layers. The finished design can be named and saved, which publishes it in the design gallery. This gallery provides an overview of all created designs for inspiration. Additionally designs can be rated using a five-star system, and the highest-rated design is displayed on the landing page. In the own-designs area, users can manage their own creations. Here, they have the option to delete a design or edit it if a mistake is noticed—this reopens the design in the design area for further adjustments. Finally, to create lasting memories, the design can be downloaded as an image file.

The drawing-area was realized using the library fabric.js

Appendices

Creators

Simon Schmid Profile Picture
Simon Schmid

Web Design

Web Programmierung