Update readme & fix typo

README.md

@@ -9,15 +9,50 @@ nggak harus ribet. 😊
 
 ## [Demo](https://ianmustafa.github.io/vue-php-native/)
 
-## Cara Pakai
-1. Ada 3 cara mennginstal proyek ini:
-   - Instal melalui Composer: `$ composer create-project ianmustafa/vue-php-native ./lokasi/folder/proyek/vue-php-native`
-   - Clone repo: `$ git clone https://github.com/ianmustafa/vue-php-native.git ./lokasi/folder/proyek/vue-php-native`  
-   - [Download zip](https://github.com/ianmustafa/vue-php-native/archive/master.zip) dan ekstrak ke folder yang Anda inginkan.
-2. Buat database baru dan import `vue-php-native.sql` ke database.
-3. Buka `db.php` dam sesuaikan konfigurasi database dengan server lokal Anda.
-3. Buka `app.js` dan sesuaikan `axios.defaults.baseURL` ke URL proyek di server lokal Anda.
-4. Buka aplikasi via web browser dan berharaplah tidak ada error yang muncul. 😉
+## Bagaimana cara agar bisa jalan di lokal?
+Cara untuk menjalankan proyek ini cukup sederhana
+### 1. Download proyek ini
+
+Ada beberapa cara sederhana untuk download proyek ini baik melalui [github](https://github.com/ianmustafa/vue-php-native) ataupun [composer](https://getcomposer.org/).
+
+Untuk clone dari github, langkahnya:
+```bash
+$ git clone https://github.com/ianmustafa/vue-php-native.git ./lokasi/folder/proyek/vue-php-native
+```
+Anda juga dapat mendownloadnya sebagai ZIP disini: [Download zip](https://github.com/ianmustafa/vue-php-native/archive/master.zip)
+
+Adapun kalau melalui composer:
+```bash
+$ composer create-project ianmustafa/vue-php-native ./lokasi/folder/proyek/vue-php-native
+```
+
+### 2. Setup Database
+Di proyek ini telah ada file database bernama `vue-php-native.sql`.
+- Silahkan Anda buat database baru dengan configurasi terserah Anda, bebas.
+- Import database `vue-php-native.sql` ke database Anda tersebut.
+- Buka `db.php` lalu sesuaikan konfigurasi database dengan database yang Anda buat tadi.
+
+### 3. Pengaturan API URL
+Secara default, kami mengarahkan AJAX API ke url `http://localhost:8000`.
+Akan tetapi Anda dapat mengubah url tersebut sesuka Anda.
+Caranya:
+Buka `app.js` dan sesuaikan `axios.defaults.baseURL` ke URL proyek di server lokal Anda.
+
+### 4. Jalankan di browser
+Jika anda telah melakukan pengaturan sesuai petunjuk diatas, maka langkah terakhir adalah memastikan bahwa proyek aplikasi ini telah berjalan di browser.
+Caranya gampang, Anda bisa langsung jalankan proyek ini menggunakan perintah:
+```bash
+$ php -S localhost:8000
+```
+atau jika Anda ingin yang lebih powerfull, Anda dapat menggunakan [http-server](https://www.npmjs.com/package/http-server)
+Langkah awal untuk instal http-server adalah:
+```bash
+$ npm install http-server -g
+```
+Kemudian untuk menjalankan aplikasi kita:
+```bash
+$ http-server -p 8000
+```
 
 ## Menemukan Bug?
 Silakan buat [_issue_ baru](https://github.com/ianmustafa/vue-php-native/issues/new). Saya harap _issue_-nya berkaitan dengan proyek saya, bukan berupa pertanyaan umum tentang Vue, Vue Resource atau Axios. Untuk hal ini silakan berkonsultasi ke [Google](https://googel.co.id).

index.html

@@ -24,7 +24,7 @@ <h1>
 
       <p class="lead">Belajar hal baru selalu asyik. Disini, saya mencoba <a href="https://vuejs.org" target="_blank">Vue.js</a> untuk pertama kalinya. Dipadukan dengan <a href="https://router.vuejs.org/en" target="_blank">Vue Router</a> dan <a href="https://github.com/mzabriskie/axios" target="_blank">Axios</a>, saya harap contoh sederhana ini bisa memberi gambaran bagi kita, aplikasi interaktif yang <em>powerful</em> nggak harus ribet. 😊</p>
 
-      <p>Jelas, ini bukanlah proyek yang <em>perfect</em>. Saya sendiri menemui banya kendala, termasuk memahami konsep dan mencari cara agar <em>flow</em> aplikasi bisa sesuai dengan keinginan saya. Proyek ini saya buat sesederhana mungkin agar pemula seperti saya bisa lebih mudah memahami konsep dasarnya, dan nantinya bisa dipakai sebagai <em>boilerplate</em> untuk mengembangkan aplikasi yang lebih kompleks. 👍</p>
+      <p>Jelas, ini bukanlah proyek yang <em>perfect</em>. Saya sendiri menemui banyak kendala, termasuk memahami konsep dan mencari cara agar <em>flow</em> aplikasi bisa sesuai dengan keinginan saya. Proyek ini saya buat sesederhana mungkin agar pemula seperti saya bisa lebih mudah memahami konsep dasarnya, dan nantinya bisa dipakai sebagai <em>boilerplate</em> untuk mengembangkan aplikasi yang lebih kompleks. 👍</p>
 
       <!-- Demo! -->
       <h3 id="demo" class="mt-4 mb-3">Demo</h3>