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.

Links

Live WebsiteGitHub Repo

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

Prev Project

Next Project

home

thumbnail for homethumbnail for home

projects

thumbnail for projectsthumbnail for projects

about

thumbnail for aboutthumbnail for about

contact

thumbnail for contactthumbnail for contact