Quasar App (client) & Laravel Backend (server)

A Laravel + Quasar Framework App

Install the dependencies

composer install
composer require laravel/ui --dev
php artisan ui vue --auth
cp .env.example .env
php artisan key:generate
php artisan passport:install
npm install
npm run dev

Cordova Setup: Android Studio – Configure – Default Project Structure

export ANDROID_HOME='D:\Projects\Android\android-sdk'
export JAVA_HOME='E:\Apps\Android\Android Studio\jre'

Start the app in development mode (hot-code reloading, error reporting, etc.)

php artisan serve
quasar dev
quasar dev -m ssr
quasar dev -m pwa
quasar dev -m android|ios
quasar dev -m electron
quasar dev -m ios -- some params --and options --here
quasar dev -m electron -- --no-sandbox --disable-setuid-sandbox

Lint the files

npm run lint

Miscellaneous

quasar create quapp
npm update && quasar dev
npm update && quasar build -m pwa && quasar dev

Build the app for production

quasar build
quasar build -m ssr
quasar build -m pwa
quasar build -m android|ios
quasar build -m electron
quasar build -m ios -- some params --and options --here
quasar build -m electron -- --no-sandbox --disable-setuid-sandbox

Publishing to Store

https://quasar.dev/quasar-cli/developing-cordova-apps/publishing-to-store#Introduction

Navigate to the folder that contains keytool.exe or add this folder to your path

Open a Command Prompt window running as an administrator

cd 'E:\Apps\Android\Android Studio\jre\jre\bin'
keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 20000
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore 'D:\Projects\wamp\www\larasar\dist\cordova\android\apk\release' alias_name

Customize the configuration

See Configuring quasar.conf.js.

Frontend Client

Local:http://localhost:8080 Network:http://192.168.2.11:8080

Backend Sever

Local:http://localhost:8000 Network: php -S 192.168.2.11:8000 -t public

Running Seeders - Super Admin id = 1 - Social Login = Seller

php artisan db:seed --class=UsersTableSeeder

Create Update Columns From AddColumnsToTable

https://laravel.com/docs/7.x/migrations#columns php artisan migrate:rollback -- migrate

Comment Flow

Backend: Routes -> Controllers - Frontend: Blade -> Vue

Features

TODO

============== ToImplement ==============

-------------- Publishing to Stores ------

https://stackoverflow.com/questions/5488339/how-can-i-find-and-run-the-keytool

-------------- Data Table --------------

Improve users update https://quasar.dev/vue-components/popup-edit#QPopupEdit-API Fix user role: user cannot change their own role

-------------- Profile.vue --------------

Improve Files or Picture Upload https://blog.usejournal.com/file-upload-with-laravel-and-vuejs-a70ae85e34a1 https://appdividend.com/2018/02/13/vue-js-laravel-file-upload-tutorial/ https://serversideup.net/uploading-files-vuejs-axios/ https://appdividend.com/2018/02/13/vue-js-laravel-file-upload-tutorial/#Vue_js_Laravel_File_Upload

-------------- Real Time -------------------

https://socket.io/https://pusher.com/ https://www.codechief.org/article/real-time-chat-app-with-laravel-6-vue-js-and-pusher https://quasar.dev/vue-components/chat#Introduction https://github.com/mattmezza/vue-beautiful-chat https://github.com/botui/botui https://github.com/theomessin/vue-chat-scroll https://github.com/aws-samples/aws-lex-web-ui https://github.com/microzz/vue-chat

wasimkabir/larasar