https://github.com/rizkinugrohho/laravel10-vue3-form

Coding Challenge
https://github.com/rizkinugrohho/laravel10-vue3-form

Last synced: 3 days ago
JSON representation

Coding Challenge

• Host: GitHub
• URL: https://github.com/rizkinugrohho/laravel10-vue3-form
• Owner: rizkinugrohho
• Created: 2024-05-09T16:00:54.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-09T22:53:47.000Z (6 months ago)
• Last Synced: 2024-05-10T17:57:05.856Z (6 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)