Welcome to this tutorial! We'll Build A Full Stack Amazon Clone in just 2 hours! Using Laravel, Vue JS, Inertia JS, Tailwind CSS, and Stripe, we'll be creating a powerful e-commerce web application that looks and functions just like the real Amazon.
We'll start by setting up our back end with Laravel, then move on to creating the front end with Vue JS and Inertia JS. Next, we'll add Tailwind CSS for styling and Stripe for payments. Finally, we'll finish up by integrating everything to make the application fully functional.
This tutorial series is perfect for beginners and experienced developers alike. Whether you're new to web development or a seasoned pro, you'll gain valuable skills and knowledge by building this Amazon clone. By the end of the series, you'll be able to create your own e-commerce websites, and you'll be able to use the skills you've learned to build other projects.
Don't miss out on this opportunity to learn the latest web development technologies and build a powerful e-commerce web application. Make sure to subscribe to our channel for more amazing tutorials and to be notified when the next episode is released
LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!
And I'll see you in the video!
For freelance or contract work inquiries, kindly connect with me via Twitter / X:
Link: [ Ссылка ]
Thank you.
GitHub Repository: [ Ссылка ]
00:00 - Amazon Clone project setup
04:53 - Main Layout | Top Navigation section
14:54 - Main Layout | Footer Section
18:42 - Dashboard Section | Home
19:24 - Dashboard Section | Carousel | vue3-carousel
21:37 - Main Layout | Sub Navigation
24:11 - Dashboard Section | Categories Section
26:54 - Main Layout | Side Menu | Animate.css
30:47 - Main Layout | Hover Menu Effect
34:34 - Get Image Assets for Project
36:48 - Create Laravel Category Seeder and Product Seeder
38:35 - Laravel Models, Migrations, and Controllers for Products and Category
40:49 - Update Inertia to show Categories and Random Products
41:26 - Display Categories and Random Products
45:03 - Modify the Login and Register Section
50:44 - Categories Section | Page
55:10 - Create a Product Component
57:53 - Product Section | Page
1:03:33 - Address Section | Page | Create, Read, and Delete
1:14:56 - User table modification to first_name and last_name
1:19:45 - Address Section | Page | Create, Read, and Delete | PT 2
1:27:04 - Display the User and Address information | Updating where needed
1:35:29 - Cart Section | Pinia Install and Setup | pinia-plugin-persistedstate
1:41:22 - Create Cart Page and display Products
1:49:00 - Create Checkout Section | Page
1:54:03 - Adding Stripe to our Checkout
2:12:24 - Create the Success Page
2:15:54 - Create Confirmation Email | Laravel Mailable | Mailtrap
2:18:03 - TEST APPLICATION. FINISHED!!!
#amazonclone
#vuejs
#laravel
