An online designing tool integrated with exploring and sharing systems.
View Website »

Technologies

• Front-End Basic
  • HTML / CSS / JavaScript
  • SCSS
  • RWD
• Front-End Frameworks
  • React
  • React Router
• Firebase
  • Database
  • Storage
  • Hosting
  • Authentication
• Library
  • Fabric.js
  • Redux.js + Thunk

Recently Updates

• Adopt Redux on Explore, Self & Design Details Page to reduce loading time.
• Rewrite or divide part of functions to enhance code-readability.
• Bug fixes.

Structure

Demo

Design Editing Page

• Various Design Elements

  Provided with various elements to use, including text, shapes, lines, images, stickers, background, upload and templates to choose from.

  

• Add Elements

  Click or Drag to add a new element in the design.

  

• Adjust Elements

  • Basic Adjusting Functions:
    Copy, paste, redo, undo, align, layer move, etc.
  • Particular Adjusting Functions:
    For example, image elements can do crop and filter while text elements can choose color, font weight and text alignment.

  

• Export Design

  Users can export the design to jpg, png or pdf file, or share the file details page link.

  

• Responsive Web Design

  Realigning all selection bars and adjusting mouse over events on mobile view.

  

Explore, Self & Design Details Page

• Explore Page & Like

  Explore all designs, including templates and others' designs.

  

• Design Details Page & Comment

  Check information of design like author information and comments, and can also send or edit my comment.

  

• Self Page

  Check all my designs which link to the edit page, and all designs in the like list.

  

• Add New Design

  User-friendly adding steps with clear guidances.

  

Future Features

• Adopt Next.js to have better reduce loading time and get better SEO
• Add frame elements to Design Editing Page
• Connect with Google Photos/Facebook photos as image elements on Design Editing Page
• Share users own file to others as template

Contact

Feel free to contact me if you have any questions.
E-mail: vivi2393142@gmail.com