Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rizkinugrohho/laravel10-vue3-form
Coding Challenge
https://github.com/rizkinugrohho/laravel10-vue3-form
Last synced: about 1 month ago
JSON representation
Coding Challenge
- Host: GitHub
- URL: https://github.com/rizkinugrohho/laravel10-vue3-form
- Owner: rizkinugrohho
- Created: 2024-05-09T16:00:54.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-09T22:53:47.000Z (8 months ago)
- Last Synced: 2024-05-10T17:57:05.856Z (8 months ago)
- Language: PHP
- Size: 98.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Laravel 10 + Vue 3
Coding Challenge built with Laravel, Vue.js and Alpine.js.
## Demo
https://github.com/rizkinugrohho/Laravel10-Vue3-Form/assets/36374356/8695847a-a06a-4b39-806f-ee4841155057## Installation
Make sure you have environment setup properly. You will need MySQL, PHP8.1, Node.js and composer.
### Install Laravel Website + API
1. Download the project (or clone using GIT)
2. Go to the Laravel directory `cd laravel10-api` folder
3. Copy `.env.example` into `.env` and configure database credentials
4. Navigate to the project's root directory using terminal
5. Run `composer install`
6. Set the encryption key by executing `php artisan key:generate --ansi`
7. Run migrations `php artisan migrate --seed`
8. Start local server by executing `php artisan serve`
9. Open new terminal and navigate to the project root directory### Install Vue.js
1. Navigate to `cd vue3-frontend` folder
2. Run `npm install`
3. Make sure `baseURL` key in `src/api/index.js` is set to your Laravel API host (Default: http://localhost:8000)
4. Run `npm run dev`
5. Open Vue.js (Default: http://localhost:5173)