flora-database

Flora Database Project

This is the first project that i build using Vue for frontend. i create this project for one of my agenda in Community Service Program (we called it Kuliah Kerja Nyata or KKN). the idea is to collect all Flora's data that exists in place. and the data is stored in MySQL Database.

The collected flora's details are :

• Danger Status
• Family Name
• Locale Name
• Endemic
• Flora Category

Features:

• Administrator Dashboard
• Multiple Image upload
• Single Page Application
• Search page

Instalation

1. clone this repository

   git clone https://github.com/bardiz12/flora-database
   

2. Install/Update Laravel and all it's Library

   composer update
   

3. Install Vue.js and other frontend Library

   npm install --save
   

4. edit .env environment setting for database section

   DB_CONNECTION=mysql
   DB_HOST=127.0.0.1
   DB_PORT=3306
   DB_DATABASE=YOUR_DATABSE_NAME
   DB_USERNAME=YOUR_DATABASE_USERNAME
   DB_PASSWORD=YOUR_DATABASE_PASSWORD
   

5. run Laravel's Migration and seeder

   #write the database migration
   php artisan migrate:fresh
   
   #seed database content
   php aritsan db:seed

6. Run the server

   #run the php builtin server
   php artisan serve
   
   #compile the JS file
   npm run prod
   

7. Admin admin access : http://your_url/admin

   Username : [email protected]
   Password : 12345678
   

Screenshot

Live Demo

Live Demo