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 |
- Home
- List of leagues
- List of jerseys
- Jersey Detail
- Cart
- Checkout and Payment
- Order History
- Change Profile and Password
| 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. |
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
Clone repo
git clone https://github.com/muhammadhabibfery/jersey-avenue.git
Install Composer
composer install/update
composer install
Install Nodejs
NPM dependencies
npm install
Run Vite
npm run dev
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=<Your-API-Key>
MIDTRANS_SERVER_KEY=<Your-Server-Key>
MIDTRANS_PRODUCTION=false
MIDTRANS_SANITIZED=true
MIDTRANS_3DS=true|false (Just choose one)
GOOGLE_CLIENT_ID=<Your-Client-Key>
GOOGLE_CLIENT_SECRET=<Your-Secret-Key>
GOOGLE_CLIENT_REDIRECT=<Your-URI-Callback>
<!-- If you are using laravel valet and https protocol, add your valet path below -->
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
Copyright (C) 2023 Muhammad Habib Fery.
⬆ back to top