Yuki Lun's Portfolio

Dear K.

Dear K.

E-commerce Website

Web Development / UI Design

Dear K. phone mockup
Dear K. tablet mockup
Dear K. labtop mockup

Overview

Dear K. is an e-commerce website that sells Korean fashion items online. The goal of building this website was to learn PHP with the Laravel framework for back-end development, and Vue.js for front-end development. With Laravel, I gained a deeper understanding of the model-view-controller (MVC) design pattern. The built-in support that Laravel offers, such as routing, sessions, and user authentication, also helped me create the website very quickly. Like React, Vue.js allows me to build an interactive front-end with a component-based architecture. Inertia.js serves as a bridge between Laravel and Vue.js without requiring APIs. It also supports server-side rendering (SSR), which allows SEO optimization for the website. On the website, customers can register, login, and manage their accounts. They can add items to their cart, checkout, and view their orders anytime.

Techologies

PHP
Laravel
Inertia.js
Vue.js
MySQL
Ubuntu VM
NGINX
SCSS
Bootstrap
VeeValidate
Yup
Maska
Font Awesome
AOS
Swiper
Stripe

Details

Hover or touch the images to explore...

Dear K. labtop detail 1 frontDear K. labtop detail 1 back
Dear K. labtop detail 2 frontDear K. labtop detail 2 back
Dear K. labtop detail 3 frontDear K. labtop detail 3 back
Dear K. phone detail 1 frontDear K. phone detail 1 back
Dear K. phone detail 2 frontDear K. phone detail 2 back
Dear K. phone detail 3 frontDear K. phone detail 3 back