Laravel Ecommerce Website with Vue.js Admin Panel

Course Curriculum

Chapter 1: Introduction

Lecture 1: Project Full Demo

Lecture 2: Prerequisites

Chapter 2: Project Setup

Lecture 1: Setup Working Environment

Lecture 2: Understanding Database Schema

Lecture 3: Generate Models and Empty Migrations

Lecture 4: Write Migrations

Lecture 5: Project Source Code

Lecture 6: Discord Server

Chapter 3: Building Vue.js Admin Panel

Lecture 1: Section Overview

Lecture 2: Tailwind.css Crash Course

Lecture 3: Generate Vue.js project with Vite

Lecture 4: Add Tailwindcss to Vue.js Project

Lecture 5: Install vuex and create store

Lecture 6: Install vue-router and create routes

Lecture 7: Create Login form page

Lecture 8: Create request password reset and reset password pages

Lecture 9: Create Layout for guest users

Lecture 10: Create Empty Layout for Authorized Users

Lecture 11: Create Admin Panel Sidebar

Lecture 12: Create Admin Panel Navbar

Lecture 13: Create and Implement Sidebar toggle button

Lecture 14: Make Layout Responsive

Lecture 15: Handle Unauthorized Users to Redirect to Login Page

Lecture 16: Create Not Found Page

Lecture 17: Project Source Code

Chapter 4: Connect Vue.js Admin Panel to Laravel API

Lecture 1: Section Overview

Lecture 2: Create Admin User Seeder in Laravel

Lecture 3: Implement Login and Logout for Admin Panel in Laravel

Lecture 4: Install and Configure axios in Vue.js

Lecture 5: Implement Login/Logout Full Process

Lecture 6: Show Validation Error Messages in Login Form

Lecture 7: Add Splash Screen and Output User in Navbar

Lecture 8: Project Source Code

Chapter 5: Products CRUD in Vue.js Admin with Laravel API

Lecture 1: Section Overview

Lecture 2: Implement Product CRUD in Laravel API

Lecture 3: Create Vue.js Spinner Component

Lecture 4: Create Products Table in Vue.js

Lecture 5: Connect Products Table Vue.js Component to API

Lecture 6: Implement Pagination

Lecture 7: Implement Per Page and Search in Products

Lecture 8: Products sorting

Lecture 9: Refactor Product Component

Lecture 10: Create Empty Product Modal

Lecture 11: Implement Product Creation Modal Component

Lecture 12: Connect Product Create Modal to Laravel API

Lecture 13: Product Delete

Lecture 14: Product update

Lecture 15: Add Animation to Products Table

Lecture 16: Move API Controllers into Api Folder

Lecture 17: Testing products CRUD

Lecture 18: Project Source Code

Chapter 6: Start Working on Website Frontend

Lecture 1: Section Overview

Lecture 2: Download the Frontend Theme

Lecture 3: Install Laravel Breeze

Lecture 4: Integrate E-commerce Theme into Laravel

Lecture 5: Create Login Form with Theme Design

Lecture 6: Create Password Reset Form

Lecture 7: Create Signup Form

Lecture 8: Render Products on Website Part 1

Lecture 9: Render Products on Website Part 2

Lecture 10: Send Email on Customer Registration

Lecture 11: Customize Email Templates

Lecture 12: Create Empty Product Page

Lecture 13: Display Product Details Page

Lecture 14: Project Source Code

Chapter 7: Shopping Cart Functionality

Lecture 1: Section Overview

Lecture 2: Create Cart Helper with reusable methods

Lecture 3: Create CartController

Lecture 4: Prepare API Routes for Cart Management

Lecture 5: Create middleware guestOrVerified

Lecture 6: Prepare JavaScript for Add to Cart

Lecture 7: Implement Adding Items into Cart

Lecture 8: Create Cart Page Part 1

Lecture 9: Create Cart Page Part 2

Lecture 10: Show Cart Subtotal and Checkout Button

Lecture 11: Implement Add to Cart from Product inner Page

Lecture 12: Project Source Code

Chapter 8: Customer Profile Management

Lecture 1: Section Overview

Lecture 2: Rename customer id into user_id

Lecture 3: Insert Customer in DB on Cegistration

Lecture 4: Change Countries States Column into JSON

Lecture 5: Setup Eloquent Model Relations from Customer to Addresses and to User

Lecture 6: Create Profile Controller

Lecture 7: Create ProfileRequest

Lecture 8: Create Customer Details Form

Lecture 9: Implement Customer Details Update

Lecture 10: Implement Password update

Lecture 11: Project Source Code

Chapter 9: Stripe Checkout & Orders

Lecture 1: Section Overview

Lecture 2: Stripe Online Payments Checkout Part 1

Lecture 3: Stripe Online Payments Checkout Part 2