Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 17 days 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 (over 1 year ago)
Default Branch: main
Last Pushed: 2024-03-19T15:56:23.000Z (10 months ago)
Last Synced: 2024-11-05T11:10:12.521Z (2 months ago)
Topics: inertiajs, laravel, payment-gateway, reactjs, tailwindcss, toyyibpay, zustand
Language: PHP
Homepage: https://book-store.salimi.my
Size: 8.9 MB
Stars: 3
Watchers: 1
Forks: 1
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)