Skip to content

This is a Amazon Clone made with Vue 3, Laravel, Tailwind CSS, Stripe, and Inertia JS

Notifications You must be signed in to change notification settings

John-Weeks-Dev/amazon-clone

Repository files navigation

Amazon Clone (amazon-clone)

Tutorial series on how to build this

If you'd like a step by step guide on how to build this just CLICK THE IMAGE BELOW

GO TO JOHN WEEKS DEV TUTORIAL VIDEOS

Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev

LIKE, SUBSCRIBE, and SMASH THE NOTIFICATION BELL!!!

App Setup

git clone https://github.com/John-Weeks-Dev/amazon-clone.git

composer install 

cp .env.example .env 

php artisan cache:clear 

composer dump-autoload 

php artisan key:generate

composer require laravel/breeze --dev

php artisan breeze:install vue --inertia

php artisan serve

Create the DB

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=amazon_clone
DB_USERNAME=root
DB_PASSWORD=

Now migrate your DB

php artisan migrate

php artisan db:seed

Now go to https://stripe.com/en-gb-us

Create a public and private KEY.

Add your new PRIVATE API KEY to CheckoutController.php

Screenshot 2022-12-19 at 14 33 10

And Checkout

Screenshot 2022-12-19 at 14 33 32

Connect Mailtrap

Add the details to .env

Now run this command to start the project

npm i

npm run dev

You should be good to go!

Application Images

Screenshot 2023-01-08 at 22 13 46 Screenshot 2023-01-08 at 22 14 08 Screenshot 2023-01-08 at 22 14 24 Screenshot 2023-01-08 at 22 14 51 Screenshot 2023-01-08 at 22 15 42 Screenshot 2023-01-08 at 22 16 01 Screenshot 2023-01-08 at 22 16 41 Screenshot 2023-01-08 at 22 16 54 Screenshot 2023-01-08 at 22 17 13 Screenshot 2023-01-08 at 22 17 21 Screenshot 2023-01-08 at 22 18 07 Screenshot 2023-01-08 at 22 18 36 Screenshot 2023-01-08 at 22 19 45 Screenshot 2023-01-08 at 22 20 53