Code Monkey home page Code Monkey logo

larasar's Introduction

Quasar App (client) & Laravel Backend (server)

A Laravel + Quasar Vue Framework App

https://github.com/modemb/larasar https://www.facebook.com/suguffie https://github.com/quasarframework/quasar-awesome#projects-using-quasar

Install the dependencies

# composer require laravel/jetstream #Installing Jetstream https://jetstream.laravel.com/2.x/installation.html
# php artisan jetstream:install livewire --teams
# php artisan jetstream:install inertia --teams
# composer require laravel/passport
composer install
php artisan passport:install / If No Key - php artisan passport:keys
cp .env.example .env
php artisan key:generate
npm install && npm run dev

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 bex
quasar dev -m capacitor -T android|ios
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

Build the app for production

quasar build
quasar build -m ssr
quasar build -m pwa
quasar build -m bex
quasar build -m capacitor -T android|ios
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

Testing - Manuel (QA) - Automatic (CI/CD)

Laravel https://laravel.com/docs/9.x/testing#introduction https://laravel.com/docs/9.x/dusk Quasar https://testing.quasar.dev/ https://quasar.dev/quasar-cli/testing-and-auditing#introduction

PWA Icons Generate

yarn global add @quasar/icongenie
icongenie g -i public/images/backup/suguffie.png

Cordova Setup: Android Studio – Configure – Default Project Structure

Windows In Search, search for and then Click Environment Variables. ... In the Edit System Variable (or New System Variable) window, specify the value of the PATH environment variable. ... Reopen Command prompt window, and run your java code.

export ANDROID_HOME='D:\Projects\Android\android-sdk'
export ANDROID_SDK_ROOT='D:\Projects\Android\android-sdk'
export JAVA_HOME='E:\Apps\Android\Android Studio\jre'
export JAVA_HOME='C:\Program Files\Java\jdk-17.0.2'

Developing Mobile Apps

https://quasar.dev/quasar-cli/developing-mobile-apps

Developing Desktop Apps

https://quasar.dev/quasar-cli-webpack/developing-electron-apps

Publishing to Store

https://quasar.dev/quasar-cli/developing-cordova-apps/publishing-to-store https://quasar.dev/quasar-cli/developing-capacitor-apps/publishing-to-store https://quasar.dev/quasar-cli/developing-electron-apps/configuring-electron

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

To open the AVD Manager, do one of the following:

Select Tools > AVD Manager. Click AVD Manager in the toolbar.

Customize the configuration

See Configuring quasar.conf.js.

Create Update Columns From AddColumnsToTable

https://laravel.com/docs/9.x/migrations#columns php artisan migrate

Comment Flow

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

Features

  • Weather Distance Location Local Currency
  • CRUDAction Reusable State Management
  • Realtime (Chat, Push/Notification)
  • Users Authentication by Roles
  • All Platforms in One Go
  • Super Admin ID = 1
  • Email Verification
  • State Management
  • Users Analytics
  • Form Validation
  • Password Reset
  • Live Migration
  • Users Sessions
  • Social Login
  • Share Button
  • Soft Delete
  • File upload
  • Cron jobs
  • ipDebug
  • Payment
  • CMS

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.