{"id":14974957,"url":"https://github.com/training-yoyosan/example-frontend","last_synced_at":"2025-10-27T10:31:44.788Z","repository":{"id":56378589,"uuid":"281704424","full_name":"training-yoyosan/example-frontend","owner":"training-yoyosan","description":"Example Quasar v2 app to be used with Laravel 8 or 9 projects","archived":false,"fork":false,"pushed_at":"2022-09-10T16:45:32.000Z","size":765,"stargazers_count":23,"open_issues_count":1,"forks_count":5,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-09-28T19:41:53.786Z","etag":null,"topics":["frontend","laravel","laravel8","laravel9","quasar-framework","spa"],"latest_commit_sha":null,"homepage":"http://frex.mpalade.ro","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/training-yoyosan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-07-22T14:46:31.000Z","updated_at":"2023-04-19T05:43:02.000Z","dependencies_parsed_at":"2022-08-15T17:40:27.247Z","dependency_job_id":null,"html_url":"https://github.com/training-yoyosan/example-frontend","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/training-yoyosan%2Fexample-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/training-yoyosan%2Fexample-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/training-yoyosan%2Fexample-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/training-yoyosan%2Fexample-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/training-yoyosan","download_url":"https://codeload.github.com/training-yoyosan/example-frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219861468,"owners_count":16555994,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["frontend","laravel","laravel8","laravel9","quasar-framework","spa"],"created_at":"2024-09-24T13:51:19.037Z","updated_at":"2025-10-27T10:31:44.280Z","avatar_url":"https://github.com/training-yoyosan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Quasar + Laravel = Love](https://baex.mpalade.ro/images/quasar_and_laravel_is_love.png)\n\n# Example Frontend (example-frontend)\n\nExample Quasar v2(Vue) SPA skeleton frontend to be used with a Laravel 8 project.\n\nThis project uses:\n\n- ~~Quasar [QEnv extension](https://github.com/quasarframework/app-extension-qenv/tree/dev/app-extension) to customize API URI depending on your environment.~~ Removed in v2\n- Vuex state to handle the user authentication\n- For the local environment, it uses the webpack's proxy feature to proxy API calls(see [here](https://github.com/training-yoyosan/example-frontend/blob/master/quasar.conf.js#L77)).\n\n## About releases\n\n* The last Quasar v1 release can be downloaded [here](https://github.com/training-yoyosan/example-frontend/releases/tag/1.0.9).\n* The upgrade guide for existing installations can be found [here](https://github.com/training-yoyosan/example-frontend#upgrade-guide-to-v2).\n\n## Demo\n\nCheck out the live demo at http://frex.mpalade.ro\n\nUse `admin@example.local` and password `test1234` to login.\n\n## How to use\n\nJust clone this project into your desired new awesome project folder:\n\n```bash\ncd ~/Work\ngit clone git@github.com:training-yoyosan/example-frontend.git your-next-awesome-project\n```\n\nand follow the instructions below to set it up for local or production.\n\nThen customize it to your heart's content.\n\n## Local setup\n\n### Install the dependencies\n\n```bash\nyarn\n```\n\n### Start the app in development mode\n\n```bash\nquasar dev\n```\n\n**Notes**\n\n- This setup is using a [proxy configuration](https://github.com/training-yoyosan/example-frontend/blob/master/quasar.conf.js#L76) for the `devServer` definition in `quasar.conf.js`. Only needed for local development.\n- Use `admin@example.local` with password `test1234` to login.\n\n### Almost there\n\nNext set up the Laravel project(acting as an API) from [here](https://github.com/training-yoyosan/example-backend).\n\nNow access the application at http://localhost:8080.\n\n## Deployment in production\n\n### Setup\n\n```bash\n# install dependencies\nyarn\n\n# setup env\ncp .env.sample .env\nvim .env\n## Adjust API_BASE_URL\n```\n\n### Build\n\n```bash\nquasar build\n\n# Adjust your server configuration according to\n# https://next.router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations\n\n# For Apache(optional)\ncp .htaccess dist/spa\n```\n\nDeploy on your server.\n\n**Note**: If you use HTTPS, use the protocol in your `.env` file.\n\n## Upgrade guide to v2\n\n```bash\ngit pull\n# remove packages related folders and files\nrm -rf node_modules/ .quasar/ yarn.lock\n# copy and update the .env file\ncp .env.sample .env\n# remove the old quasar env file\nrm .quasar.env.json\n\nyarn\n\nquasar build\n```\n\nFind out more in the [official upgrade guide](https://quasar.dev/start/upgrade-guide).\n\n## Resources\n\n- https://quasar.dev/introduction-to-quasar\n- Quasar Discord #laravel channel\n- For support, contact me at [contact@mpalade.ro](mailto:contact@mpalade.ro).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftraining-yoyosan%2Fexample-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftraining-yoyosan%2Fexample-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftraining-yoyosan%2Fexample-frontend/lists"}