Work

E-Commerce

E-Commerce
Bootstrap
Laravel
Livewire

An E-Commerce website developed in Laravel

An image of an ecommerce client

GitHub top language GitHub commit activity repo size

This project was my first project with the Laravel framework. I wanted to create a dynamic E-Commerce website, so I choose to use the Laravel/Livewire tech stack. Additionally, I used vanilla JS, some library like HTMX and Swiper, and Bootstrap for the front end part. I also used the Pusher websocket to create real-time notifications.

πŸ“š Deep overview

πŸ—ΊοΈ General overview
πŸ” Login

Livewire is used for the dynamic validation, and bootstrap for the front-end effects.

πŸ›’ Product
πŸ“ Comments
βš™οΈ Settings
πŸ’³ Payment

I chose to use Livewire for the Cart page, and vanilla javascript for the β€œbasic” cart, and Stripe for the payment part.

πŸ’¬ Chatbox

Usage of Pusher.JS and Livewire for the Real-time webchat.

πŸ“‚ Source

The source code and installation instructions are accessible here.

You’ll also find a docker-compose file there if you want to test the application locally.