https://github.com/flipboxstudio/web-3.0
A Web 3.0 Approach
https://github.com/flipboxstudio/web-3.0
Last synced: 5 months ago
JSON representation
A Web 3.0 Approach
- Host: GitHub
- URL: https://github.com/flipboxstudio/web-3.0
- Owner: flipboxstudio
- License: mit
- Created: 2016-10-11T09:54:13.000Z (over 9 years ago)
- Default Branch: develop
- Last Pushed: 2016-10-14T09:04:53.000Z (over 9 years ago)
- Last Synced: 2024-12-30T00:14:23.953Z (over 1 year ago)
- Language: PHP
- Size: 74.2 KB
- Stars: 3
- Watchers: 5
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Web 3.0 Proposal
## Standar Baru
- Sebuah WebApp **SEHARUSNYA** memiliki sumber data yang terbuka
- Autentikasi _user_ **SEHARUSNYA** bersifat terbuka
- Data yang dihasilkan **SEHARUSNYA** mudah dicari
- Aplikasi dapat menawarkan fitur realtime
## Limitasi
- _Coupling_ antara HTTP _asset_ dengan data aplikasi **sangat ketat**
- Servis Aplikasi bersifat tertutup, sehingga implementasi antara satu _platform_ dengan _platform_ lainnya bisa jadi berbeda
- _Back-end developer_ mengerjakan porsi yang **lebih banyak** (relatif ketimbang _front-end developer_) karena data yang dikirimkan berupa _server-rendered-view_
- Berkaitan dengan poin di atas, pengerjaan _project_ jadi relatif lebih lambat, karena _front-end developer_ harus menunggu "kebutuhannya" siap
## Solusi
- Pisahkan arsitektur _back-end_ dengan _front-end_
- _Back-end developer_ mendesain API yang nantinya akan di-_consume_ oleh _front-end developer_
- Berkaitan dengan poin di atas, _back-end developer_ dapat melakukan _mocking_ supaya proses _development_ dapat dilanjutkan oleh _front-end developer_
## Recipe
- Lumen 5.3
- Flipbox Komodo (Fractal)
- Route Resource
- Exception Handler
- Flipbox Console Support
- Code Generator
- Optimizer
- Tinker
- Key Generator
- PHP Built-in-Server
- Laravel Passport
- Laravel Broadcaster
- Vue 2.0
- Vuex
- Vue Router
- Webpack
- SASS
- Live Reload
## Usage
### _Back-end developer_
Berikut ini adalah metode untuk _bootstrapping_ aplikasi berbasis Web 3.0
```sh
cd backend
composer install
# configure your .env
php artisan key:generate
php artisan migrate
php artisan passport:install
```
Skeleton ini juga mendukung fasilitas untuk _developer_ menjalankan _development_ server melalui PHP _built in server_.
```sh
php artisan serve
```
Berikut ini adalah metode untuk _production delivery_ aplikasi berbasis Web 3.0
```sh
php artisan optimize --force
```
### _Front-end developer_
Berikut ini adalah metode untuk _bootstrapping_ aplikasi berbasis Web 3.0
```sh
cd frontend
npm install
npm run dev
```
> **NOTES** Dengan menjalankan _command_ `npm run dev`, maka secara otomatis _script_ akan membuat satu _endpoint_ untuk tujuan _development_ di: http://localhost:8080/
Berikut ini adalah metode untuk _production delivery_ aplikasi berbasis Web 3.0
```sh
npm run build
```
> **NOTES** Aplikasi akan di-_generate_ ke dalam folder `dist`
## ToDo
- [ ] Documentation
- [x] Passport test
- [x] Error handling
- [x] Code Generator test
- [ ] Basis CSS Framework untuk front-end developer
- [ ] Any suggestion?