Laravel Ecommerce Website with Vue.js Admin Panel

Laravel Ecommerce Website with Vue.js Admin Panel, available at $54.99, has an average rating of 4.36, with 236 lectures, based on 39 reviews, and has 326 subscribers.

You will learn about Build full stack apps with Laravel, Vue JS and Tailwind CSS from start to finish Create Tailwind CSS + Vue JS responsive admin panel How to build Laravel REST API and connect it to Vue JS Admin Panel Deploy Laravel and Vue JS apps on custom domain How to integrate Stripe online payments in your Laravel applications This course is ideal for individuals who are This course is ideal for people who just started learning Laravel and Vue JS and want to build some cool project. or This course is excellent for you if you want to see the full working process of building application from an experienced developer or This course is good for you if you are looking for awesome project to put in your portfolio It is particularly useful for This course is ideal for people who just started learning Laravel and Vue JS and want to build some cool project. or This course is excellent for you if you want to see the full working process of building application from an experienced developer or This course is good for you if you are looking for awesome project to put in your portfolio.

Enroll now: Laravel Ecommerce Website with Vue.js Admin Panel

Summary

Title: Laravel Ecommerce Website with Vue.js Admin Panel

Price: $54.99

Average Rating: 4.36

Number of Lectures: 236

Number of Published Lectures: 236

Number of Curriculum Items: 236

Number of Published Curriculum Objects: 236

Original Price: $34.99

Quality Status: approved

Status: Live

What You Will Learn

Build full stack apps with Laravel, Vue JS and Tailwind CSS from start to finish

Create Tailwind CSS + Vue JS responsive admin panel

How to build Laravel REST API and connect it to Vue JS Admin Panel

Deploy Laravel and Vue JS apps on custom domain

How to integrate Stripe online payments in your Laravel applications

Who Should Attend

This course is ideal for people who just started learning Laravel and Vue JS and want to build some cool project.

This course is excellent for you if you want to see the full working process of building application from an experienced developer

This course is good for you if you are looking for awesome project to put in your portfolio

Target Audiences

This course is ideal for people who just started learning Laravel and Vue JS and want to build some cool project.

This course is excellent for you if you want to see the full working process of building application from an experienced developer

This course is good for you if you are looking for awesome project to put in your portfolio

Welcome to the world of E-commerce development with our comprehensive course on building and deploying Laravel E-commerce websites! Whether you’re just starting out or looking to expand your skills, this course is designed to guide you through every step of the process, from setting up your development environment to deploying your project on a custom domain.

Throughout this course, you’ll learn how to build full stack applications using the latest technologies including Laravel, Vue.js, Tailwind.css, and Alpine.js. With over 33 hours of video content and 200+ videos, you’ll dive deep into every aspect of E-commerce development, including building a responsive landing page, managing cart items, implementing online payments with Stripe, creating an admin dashboard with analytics, and much more.

One of the highlights of this course is the hands-on project-based approach. You’ll follow along as we build a fully functional E-commerce website, tackling real-world challenges such as debugging, problem-solving, and refactoring along the way. By the end of the course, you’ll not only have a deep understanding of Laravel and Vue.js but also the skills to deploy your own projects and even connect to third-party APIs.

Here’s a glimpse of what you’ll learn:

Creating scalable Laravel projects

Integrating Tailwind.css themes into Laravel

Implementing Stripe online payments checkout

Handling Stripe Webhooks and email sending in Laravel

Developing responsive admin panels with Tailwind.css and Vue.js

Connecting Vue.js apps to Laravel REST APIs for CRUD operations

Deploying Laravel projects on custom domains and configuring business email addresses

And much more!

Whether you’re a beginner looking to build your first project or an experienced developer seeking to enhance your skills, this course is tailored for you. With lifetime access to course materials and a private Discord group for support, you’ll have everything you need to succeed.

So, if you’re ready to take your E-commerce development skills to the next level, enroll today and join me on this exciting journey!

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

Instructors

Zura Sekhniashvili
Full Stack Engineer and Educational Content Creator

Rating Distribution

1 stars: 2 votes

2 stars: 0 votes

3 stars: 4 votes

4 stars: 9 votes

5 stars: 24 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!