Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jekabsilkens/tone-forge-guitars

Guitar eCommerce website | Laravel | React | Inertia | MySQL | Stripe API
https://github.com/jekabsilkens/tone-forge-guitars

ecommerce inertia javascript laravel mysql php react stripe tailwind

Last synced: 8 days ago
JSON representation

Guitar eCommerce website | Laravel | React | Inertia | MySQL | Stripe API

Awesome Lists containing this project

README

        


TFG-LOGO

## Table of Contents
**[Development Notes](#development-notes)**

**[Installation Instructions](#installation-instructions)**

**[User Journey Showcase](#user-journey-showcase)**

## Development Notes

**Tech Stack:** Laravel + React + Inertia + MySQL + Tailwind + Stripe API

**To-Do List:**
- [x] Refactor messy routing to better comply with RESTful
- [x] Shipping address details for customers before purchase
- [ ] Admin panel for managing products and active orders
- [ ] Stripe Webhook listener to correctly track order status
- [ ] Ability to update cart item quantity on cart page

## Installation Instructions:

### Ensure you have the following installed:
- PHP (version 8.2 or later)
- Composer (for PHP dependencies)
- Symfony CLI (for serving over https)
- Node/npm (for frontend dependencies and asset building)
- MySQL or PostgreSQL (for a local database server)

### Clone the repository on your local machine and step into the project directory:
```shell
git clone https://github.com/JekabsIlkens/tone-forge-guitars.git

cd tone-forge-guitars
```

### Open .env.example, add your Stripe API test keys and local database credentials:
```shell
STRIPE_KEY=public_key_test
STRIPE_SECRET=secret_key_test

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=your_database_name
DB_USERNAME=your_database_user
DB_PASSWORD=your_database_password
```

### Run the setup script to install dependencies and prepare the database:
```shell
setup.bat
```

### Run the start script to launch the local development server:
```shell
start.bat
```

### If you encounter any issues execute these commands manually in the specified order:
```shell
copy .env.example .env # Creates the environment configuration file
composer install # Installs the required PHP dependencies
npm install # Installs the required front-end dependencies
npm run build # Builds the required front-end assets
php artisan key:generate # Generates the application key
php artisan migrate:fresh # Runs the database migrations
php artisan db:seed # Seeds the database

npm run dev # Starts the Vite development server
symfony serve # Starts the Symfony server
```

## User Journey Showcase:
**Note:** may not represent current state (depends on how often I update these)


page-1

page-2

page-13

page-9

page-3

page-4

page-5

page-6

page-7

page-8

page-10

page-11

page-12