raprmdn / dream-space-screencasts

Dream Space is an online courses platform to help you achieve a dream.

Note: This application under development.

Note: Sneak peek and preview available coming soon.

Note: Currently Midtrans payment only available for BRI, BCA, BNI, Mandiri, Permata, Gopay, Alfamart, Indomaret.

Note: Manual Payment is currently not available.

Dream Space

Dream Space Screencast is online learning platform for developer, specifically building the website app.

Tools

• Laravel framework
• Inertia
• React

Package

• Socialite, Google Authentication.
• Midtrans
• Spatie Role and Permission
• Ziggy Laravel routes in JavaScript
• Laravel Fortify authentication backend for Laravel
• Laravel Debugbar, for development only
• Inertia progress indicator
• React Hot Toast
• React Lazy Load Image
• React YouTube
• React Select
• React Markdown
• React Syntax Highlighter
• Remark GFM

Installation

Clone this repository.

git clone https://github.com/raprmdn/dream-space-screencasts.git

Then, cd into the folder.

Open your terminal, and run

composer install

Copy the .env, type in terminal

cp .env.example .env

Configure the .env:

# Setup SMTP.
MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME="..."
MAIL_PASSWORD="..."
MAIL_ENCRYPTION=tls
MAIL_FROM_ADDRESS="..."
MAIL_FROM_NAME="${APP_NAME}"

# Setup Google Login.
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GOOGLE_REDIRECT=

Note: for now this SMTP work only for reset password, verify email, resend email verification. Any feature like, invoice, etc. will available coming soon.

Run:

php artisan key:generate

Open this project into your Code Editor, and then go to database/seeders/MidtransConfigSeeder.php file.
Edit the code below to with your key, to find the key you can register on Midtrans website.

MidtransConfig::create([
    'status' => 'Disable',
    'environment' => false,
    'merchant_id' => 'Input your merchant id here',
    'client_key' => 'Input your client key here',
    'server_key' => 'Input your server key here',
    'sanitized' => true,
    'enable_3d_secure' => true,
]);

Create symlink in Laravel by execute

php artisan storage:link

After setup .env, database, and etc. Run:

php artisan migrate --seed 

To run the project:

php artisan serve

To start a queue worker and process new jobs. Run the worker using terminal:

php artisan queue:work

Login account:

email    : [e-mail]
password : 123123123

Then, if you want to edit the React file, install NPM file by run:

npm install

then

# If You using NPM
npm run watch

# If You using Yarn
yarn watch