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.