Amazon Clone
an Amazon.com clone made using Laravel, Vue.js, vue-material-design-icons, vue3-carousel, Tailwind CSS, StripeAPI, and Inertia.js.
Amazon-Clone
Installation
- Download the code by clicking Code, Download ZIP. Or if you have Git install in your machine, you can run this in your terminal.
git clone https://github.com/devmuhammadzaki/amazon-clone.git
- Change directory to your local copy of
amazon-clonein your terminal. Then install composer dependencies.
composer install
- Install frontend dependencies.
npm install
- Copy
.envfile from.env.example. In NIX machine you can use this command.
cp .env.example .env
- Prepare a database. You can use this command.
mysql -uroot -e "CREATE DATABASE amazon-clone_db"
If you have password for your database, you need to specify -p on the command.
- Configure your database and email sender settings in
.env
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=amazon-clone_db
DB_USERNAME=root
DB_PASSWORD=
MAIL_MAILER=smtp
MAIL_HOST=mailpit
MAIL_PORT=1025
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="[email protected]"
MAIL_FROM_NAME="${APP_NAME}"
- Migrate database tables and seed them with fake data
php artisan migrate --seed
- Generate a key for you application
php artisan key:generate
- Now go to https://stripe.com/en-gb-us and Create a public and a private KEY.
Add your new PRIVATE API KEY to CheckoutController.php and Checkout.vue
- Run php development server
php artisan serve
- Run node.js development server (alongside php server)
npm run dev
Your local copy of amazon-clone is ready to access in your browser ;)
