Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/muhammadhabibfery/jersey-avenue
Interactive Laravel SPA using TALL Stack
https://github.com/muhammadhabibfery/jersey-avenue
laravel-10 laravel-livewire laravel-project laravel-spa laravel-tallstack php-laravel spa-web tall-stack
Last synced: 29 days ago
JSON representation
Interactive Laravel SPA using TALL Stack
- Host: GitHub
- URL: https://github.com/muhammadhabibfery/jersey-avenue
- Owner: muhammadhabibfery
- Created: 2023-03-29T15:52:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-13T17:55:16.000Z (over 1 year ago)
- Last Synced: 2024-10-01T09:23:23.136Z (about 1 month ago)
- Topics: laravel-10, laravel-livewire, laravel-project, laravel-spa, laravel-tallstack, php-laravel, spa-web, tall-stack
- Language: PHP
- Homepage:
- Size: 8.84 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Jersey Avenue
Jersey Avenue is an interactive SPA project using TALL Stack (TailwindCSS, AlpineJS, Laravel, Livewire).
| [Frontend Features][] | [Admin Panel Features][] | [Requirements][] | [Install][] | [How to setting][] | [License][] |
## Frontend Features
#### Features
- Home
- List of leagues
- List of jerseys
- Jersey Detail
- Cart
- Checkout and Payment
- Order History
- Change Profile and Password
## Admin Panel Features
|
Menu
| Description |
|-----------------------|-----------------------------------------------------------------------------------|
|Dashboard | Contains information about all menu. |
|User Management | Manage customers and employees. |
|League | Create and manage leagues. |
|Jersey | Create and manage jerseys. |
|Order | Manage and monitor the transactions. |
|Profile | Edit own profile and password. |
## Requirements
Composer packages:
PHP = ^8.1
laravel = ^10.x
laravel/breeze = ^1.x
laravel/socialite = ^5.x
filament/filament = ^2.x
midtrans/midtrans-php = ^2.x
pusher/pusher-php-server = ^7.x
beyondcode/laravel-websockets = ^1.x
barryvdh/laravel-debugbar = ^3.x
NPM packages:
tailwindcss = ^3.x
alpinejs = ^3.x
laravel-echo = ^1.x
pusher-js = ^8.x
turbolinks = ^5.x
## Install
Clone repo
```
git clone https://github.com/muhammadhabibfery/jersey-avenue.git
```
Install Composer
[Download Composer](https://getcomposer.org/download/)
composer install/update
```
composer install
```
Install Nodejs
[Download Node.js](https://nodejs.org/en/download/)
NPM dependencies
```
npm install
```
Run Vite
```
npm run dev
```
## How to setting
Copy .env.example
```
cp .env.example .env
```
Go into .env file change Database and Email credentials. Then setup some configuration with your own credentials
```
BROADCAST_DRIVER=pusher
QUEUE_CONNECTION=database
PUSHER_APP_ID=justRandomString
PUSHER_APP_KEY=justRandomString
PUSHER_APP_SECRET=justRandomString
PUSHER_HOST=127.0.0.1
PUSHER_PORT=6001
PUSHER_SCHEME=https|http (Just choose one)
PUSHER_APP_CLUSTER=mt1
RAJAONGKIR_API_KEY=
MIDTRANS_SERVER_KEY=
MIDTRANS_PRODUCTION=false
MIDTRANS_SANITIZED=true
MIDTRANS_3DS=true|false (Just choose one)
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GOOGLE_CLIENT_REDIRECT=
LARAVEL_WEBSOCKETS_SSL_LOCAL_CERT='/Users/YOUR-USERNAME/.config/valet/Certificates/VALET-SITE.TLD.crt'
LARAVEL_WEBSOCKETS_SSL_LOCAL_PK='/Users/YOUR-USERNAME/.config/valet/Certificates/VALET-SITE.TLD.key'
LARAVEL_WEBSOCKETS_SSL_PASSPHRASE=''
```
Run the migration
```
php artisan migrate
```
Or run the migration with seeder if you want seeding the related data
```
php artisan migrate --seed
```
Generate a New Application Key
```
php artisan key:generate
```
Create a symbolic link
```
php artisan storage:link
```
Don't forget to setup and run the queue worker and websocket server
```
php artisan queue:work | php artisan queue:listen
php artisan websockets:serve
```
## License
> Copyright (C) 2023 Muhammad Habib Fery.
**[⬆ back to top](#jersey-avenue)**
[Frontend Features]:#frontend-features
[Admin Panel Features]:#admin-panel-features
[Requirements]:#requirements
[Install]:#install
[How to setting]:#how-to-setting
[License]:#license