Outfit Store E-commerce

E-commerce has experienced considerably a huge growth since the aurora of the internet as a commercial enterprise. It's impact various business sector, including food and beverages, fashion and lifestyle. As a result, the demand for online stores has increased.

There is various technology to develope an online store. For this project, I select to develop Single Page Application (SPA) website with Vue.Js as the framework. In essence, Vue stands out due to its user-friendly nature, offering a gentle learning curve that makes development smooth. Its flexibility, lightweight nature, and modular design further enhance its appeal. Additionally, Vue boasts impressive tools for effective state management and routing. The framework accelerates development significantly, thanks to its vast array of plugins capable of swiftly resolving crucial issues in any application, thereby enabling efficient and economical product development.

For the Back-End, I decided to borrow API from Fake Store API. This API offer free online REST API for testing and prototyping e-commerce and shopping apps without running any server-side code.

By controlling filter in json response from the data that API fetch, I can manipulate the design of the catalog for 3 different category men's clothing, women's clothing, and else category. It's will have blue background for men's clothing, pink background for women's clothing, and white background with unavailable image for else category — including jewelrey and electronic category from Fake Store API — with false value.

With some confuration, I success to deploy the Vue.Js SPA to github pages. If you interested to see the prototype and try it yourself, you can click the button below!

Live Preview