Vue front-end communicates with PHP backend using api calls, which can also be guarded with authentication and authorization. Because of the monolithic nature, authenticated api calls carry api-key for auth.
This project is developed mostly for rapid development for low-budget php hostable application development.
PHP codebase require at least PHP 7.2, Vue.js 2 is used on the front-end.
- Once cloned the repo, make sure the public folder inside the project is pointed as serving folder for the http server. (Laragon is recommended for local development)
- Run the SQL file in the project to set up the user table with admin user for login/authentication.
bootstrap.phpfile contains the connection details for the database server. Update the username, password and database name if needed.- run
npm installto set up Vue building workflow. The project comes with Laravel-mix for building Vue SPA. After runningnpm installyou can usenpx mixto build Vue code, or usenpx mix watchto run watch process that watch for any source code modification and build on the fly. more details here.
Once you run the SQL file, you will have a single user (Administrator) in the database. You can log in to the app using the following credentials to access the admin area.
username: admin
password: admin
Giggle Pig is highly opinionated. It comes with pre-built custom components for both PHP and Vue.js.
Giggle Pig uses Bootloks to provide Bootstrap's modal based programmatically callable dialog boxes. Bootloks is a standalone lib. https://github.com/srisar/bootloks
Vue component that creates modal windows based on Bootstap 5 modals.
PHP:
- nesbot/carbon
JavaScript:
- Vue.js, Vuex, Vue-Router
- axios
- lodash
CSS
- Bootstrap 5
Build tools
- Laravel-mix