Build Vue 3 & Laravel (v11–13) E-commerce Website

Create and migrate Laravel models for an e-commerce site, including admin, color, category, size, brand, coupon, product and review, then define fields, foreign keys, and relationships.

Define and implement Laravel model relationships for admin, brand, category, color, size, product, order, and review, with slug routing and pivot tables.

Create an admin factory and seeder, and hash the admin password. Add an admin guard and provider, register the admin middleware, and protect routes.

Build an admin controller and routes in Laravel to authenticate, render the dashboard, and show today, yesterday, month, and year orders.

Learn to build and style an admin dashboard in Laravel with blade templates, header and sidebar layouts, data tables, sweet alerts, and order metrics (today, yesterday, this month, this year).

Fix the admin orders query by using where month and where year to retrieve current month and current year orders.

Create, update, and delete categories in a Vue.js 3 and Laravel 11/12 ecommerce site by building a category controller, validating requests, generating slugs, and wiring admin routes and views.

implement brand management in a vue.js 3 and laravel ecommerce site: add a brand controller, routes, requests, validation, slugging, and create, update, delete brand views.

Create, update, and delete colors in Laravel by implementing a color controller, model, and validation requests, with index, create, store, edit, update, and delete routes and views using id.

Learn to implement a complete size management module in a Vue 3 and Laravel 11/12 e-commerce site, including a size controller, CRUD operations, size requests, views, and routes.

Build a Laravel product management module with a controller, requests, and image handling for thumbnails and multiple images, plus slug generation and relations to colors, sizes, categories, and brands.

Learn to build product management in a Vue.js 3 and Laravel app by adding routes, views, and create-update-delete flows with fields for name, category, brand, colors, sizes, price, images.

Implement a reusable image preview script for the create product form, handling thumbnail and multiple images with dynamic previews in both create and edit forms.

Learn to create update, edit, and delete product features in a Vue js 3 and Laravel 11/12 e-commerce site, including slug routes, thumbnail and image handling, and stock status.

Fix the remove old product images bug by updating the product update flow to use thumbnail and image references, ensuring old images are removed from storage and public path.

Create a product api controller and resource in Laravel, load products with colors, sizes, category and brand, enable slug-based retrieval, and implement category, brand, color, and size filters plus search.

This lecture covers adding packages for a Vue 3 and Laravel e-commerce site, including Vue router, axios, bootstrap, and setting up routes for home, register, and login with a navbar.

Fetches all products from the api, stores them in a Pinia store, and displays a bootstrap card grid with image, name, description, and price, with a loading overlay during fetch.

Limit the home page to six products, then load more with a button that increases the slice by six, enabling category, color, size, and brand filters.

Implement a brand filter in a Vue.js 3 and Laravel 11/12 e-commerce site by building a brands sidebar, looping through brands, and filtering products by brand slug.

Learn to implement category, color, and size filters in a Vue.js and Laravel e-commerce site, display the number of found products, and add a clear filters action.

Add a search form to filter products by category, brand, and color using a reactive term. See results update as term is entered, with the button disabled until input exists.

Fetch a single product by slug and display its details: thumbnail, images, description, price, colors. Set up a base URL helper and a product details store with image zooming.