π Get 3 months of Shared Hosting FOR FREE + FREE domain. Check https://hostinger.com/thecodeholic. Use coupon code βTHECODEHOLICβ for an EXTRA 10% OFF π
π₯ For Full E-commerce Course: https://thecodeholic.com π₯
Learn how to build full stack applications with Laravel, Vue.js, Tailwind.css and Alpine.js by building and deploying fully functional E-commerce website with Stripe Online Payments, Admin Analytics Dashboard, Reporting and much moreβ¦
β€οΈ Support me by subscribing β https://bit.ly/2xTQOI0
β Source Code (Please give it a star):
https://github.com/thecodeholic/laravel-vue-ecommerce/tree/youtube-video
ποΈ Alpine.js in 4 hours: https://youtu.be/5ILDMMLgX0E
ποΈ Tailwind.css in 13 minutes: https://youtu.be/pB1oed_10IA
ποΈ Built E-commerce website with Tailwind.css: https://youtu.be/WOUmdpCo4nk
ποΈ Build E-commerce website with Apine.js: https://youtu.be/TN0955TvodA
ποΈ Build Laravel 9 portfolio website: https://youtu.be/JNhmEoBsZ48
ποΈ Build and Deploy Laravel + Vue.js: https://youtu.be/WLQDpY7lOLg
If you really love my content and want to support the channel:
π My Patreon: (For monthly donation)
https://www.patreon.com/thecodeholic
πΊ Buy me Beer: (For one time donation)
https://www.buymeacoffee.com/thecodeholic
Table of Contents
ββββββββββ
00:00:00 β Intro && Demo
00:08:44 β Choice of hosting provider β Hostinger
00:10:23 β Prerequisites
00:11:56 β Get premium shared hosting
00:14:11 β Project Setup
00:20:39 β Database Schema
00:24:00 β Generate models & empty migrations
00:27:01 β Write migrations
00:33:29 β Vue.js project setup
00:35:11 β Add Tailwind.css
00:38:39 β Install Vuex and create store
00:42:21 β Install vue-router and create routes
00:47:33 β Create Login form
00:53:36 β Create password reset form
00:54:34 β Create layout for unauthorized users
01:05:12 β Create Sidebar Layout
01:08:01 β Connect Vue.js to API
01:10:46 β Products CRUD
01:13:56 β Frontend Website, Email Sending
01:19:11 β Prepare helper methods for cart
01:32:01 β Prepare CartController
01:42:51 β Prepare routes for cart
01:46:43 β Create middleware guestOrVerified
01:49:10 β Prepare JavaScript for add to cart
02:00:00 β Add items into cart
02:07:34 β Create cart page 1
02:23:50 β Create cart page 2
02:29:20 β Show subtotal and checkout button
02:34:00 β Implement add to cart from product page
02:39:11 β Customer profile management
02:43:27 β Stripe Checkout
03:58:06 β Create order list page
04:34:24 β Stripe Webhooks
05:12:44 β Order details page
05:32:43 β Orders page in admin
05:37:16 β User management in admin
05:40:17 β Customer management in admin
05:44:38 β Create Dashboard
05:50:43 β Create Reports
05:56:01 β Claim free domain
05:58:26 β Setup Hosting & SSL
06:01:13 β Setup subdomain
06:03:30 β Understand how we are going to deploy
06:07:33 β Connect using SSH
06:12:12 β SSH Basic commands
06:17:01 β Connect with public/private keys
06:26:45 β Install Laravel using SSH
06:35:31 β Create MySQL Database
06:43:10 β Deploy Vue.js Admin
06:50:57 β Create Business Email Address
06:58:50 β Specify Stripe Keys
06:59:43 β Fix bug of creating new product
07:07:45 β Fix Laravel storage issue
07:11:43 β Configure Webhooks
07:16:45 β Outro
π±οΈFollow me on social media:π±οΈ
Tweets by thecodeholic
https://www.facebook.com/thecodeholic
https://www.instagram.com/thecodeholic
Check my Github:
https://github.com/thecodeholic