https://github.com/salimi-my/book-store

This is an online book store e-commerce app created using Laravel, React and Inertia.
https://github.com/salimi-my/book-store

inertiajs laravel payment-gateway reactjs tailwindcss toyyibpay zustand

Last synced: 6 months ago
JSON representation

This is an online book store e-commerce app created using Laravel, React and Inertia.

• Host: GitHub
• URL: https://github.com/salimi-my/book-store
• Owner: salimi-my
• Created: 2023-08-24T15:53:33.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-19T15:56:23.000Z (over 1 year ago)
• Last Synced: 2025-04-11T23:16:08.735Z (6 months ago)
• Topics: inertiajs, laravel, payment-gateway, reactjs, tailwindcss, toyyibpay, zustand
• Language: PHP
• Homepage: https://book-store.salimi.my
• Size: 8.9 MB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Book Store](https://book-store.salimi.my) · [![Author Salimi](https://img.shields.io/badge/Author-Salimi-%3C%3E)](https://www.linkedin.com/in/mohamad-salimi/)

This is an online book store e-commerce app created using Laravel, React and Inertia. Complete with payment gateway using toyyibPay for Online Banking (FPX).

## Book Store e-Commerce

- A complete e-commerce app

- Server side carts

- ToyyibPay payment gateway

## Tech/framework used

- Laravel

- Inertia.js

- React.js

- Tailwind CSS

- MySQL

- Zustand

- ToyyibPay

## Starting the project

Open the .env.example and fill in your database & toyyibPay configurations then save it as .env then run the following command:

```bash

#Install dependencies

composer install

npm install

#Run database migration & seeding

php artisan migrate

php artisan db:seed

#Start the app

npm run dev

php artisan serve

```

## Demo

Hosted privately on personal DigitalOcean Droplet. [Click here](https://book-store.salimi.my) to visit.




Direct link: `https://book-store.salimi.my`

## Screenshots

#### Landing page

![Landing page](/screenshots/screenshot-1.png)

#### Book page

![Book page](/screenshots/screenshot-2.png)

#### Book details page

![Book details page](/screenshots/screenshot-3.png)

#### Sign in page

![Sign in page](/screenshots/screenshot-4.png)

#### Sign up page

![Sign up page](/screenshots/screenshot-5.png)

#### User account page

![User account page](/screenshots/screenshot-6.png)

#### User addresses page

![User addresses page](/screenshots/screenshot-7.png)

#### Sidebar cart

![Sidebar cart](/screenshots/screenshot-8.png)

#### Cart page

![Cart page](/screenshots/screenshot-9.png)

#### Checkout page

![Checkout page](/screenshots/screenshot-10.png)

#### ToyyibPay payment page

![ToyyibPay payment page](/screenshots/screenshot-11.png)

#### Orders list page

![Orders list page](/screenshots/screenshot-12.png)

#### Order detail page

![Order detail page](/screenshots/screenshot-13.png)