Side Project

🛁 Amorphous Laundry

A Vue.js SPA for a virtual laundry service (Desktop version only)

🛁 Amorphous Laundry

❔About

Amorphous Hotel is a conceptual laundry services provider providing washing and dry-cleaning services built with Vue.js. It is a course outcome of the online Vue.js Bootcamp from Hexschool. It is also a part of the artist residency project in Eaton HK (Amorphous Hotel) which discusses human needs, particularly its relation to architecture and sensory. Amorphous Hotel will be launched in mid-2022 as another virtual platform responding to this Amorphous Laundry project.

I worked as a web developer and a UI/UX designer for this project.

🔨Technologies

JavaScript
Vue.js
REST
Axios
Bootstrap 5
Sass/SCSS

🔗Link(s) to the project

Live Site
GitHub

🌟Features

Frontend: Laundry services platform

  • API consumption with REST API with Axios (API and database provided by the Bootcamp)
  • Display all different types of laundry services: Clothes, Bags, Shoes, Soft toys, Beddings
  • Filter function for laundry services
  • Vue Loading for loading status indication
  • Users can add, edit or delete items in shopping cart
  • Form validation framework (Vee-validate) in order form
  • Users can apply coupon with coupon code
  • The order is being submitted to to database via Axios

CMS / Admin Dashboard

  • Token Authentication for Admin Dashboard
  • API consumption with REST API with Axios (API and database provided by the Bootcamp)
  • Add, edit or delete laundry service items, coupons and manage orders

Admin Dashboard user authentication feature

Add, edit or delete laundry service items

Edit or delete orders

Add, edit or delete coupons

‍

Deployment

  • Deployment on GitHub as a GitHub Pages site

✍️To do

  • Responsive design development

📄License

CC BY-NC-SA