1

任天堂遊戲評測

Avatar of 蔡富鈞.
Avatar of 蔡富鈞.

任天堂遊戲評測

1

根據文件 Google Sheet API 建立資料並取得連結

在 Vue 的生命週期的 Created 中透過 Axios 取得資料並整理

使用 Bootstrap5 排版工具完成 RWD

使用 Vue Cli 開立專案並且打包

使用 Vue Router 完成動態路由

左邊為單選篩選,改變右邊呈現結果。

右邊表頭的發行,可以根據年份升冪排序或降冪排序

Github Pages:

https://fujun-tsai.github.io/nintengo-game-list/#/


Google Sheet:

https://docs.google.com/spreadsheets/d/1ZAFezd3cItauJwNMB4mRqTHOck_8usjE5RFcgzowiso/edit?pli=1#gid=0

使用 Vue 框架開發專案,將自己喜歡的東西整理架在Github Pages 上,資料庫透過 Google Sheet 建立,使用 Axios 取得資料,渲染在畫面上。
Avatar of the user.
Please login to comment.
Avatar of 蔡富鈞.
蔡富鈞
over 2 years
作品連結 https://fujun-tsai.github.io/nintengo-game-list/#/ Google Sheet 連結 https://docs.google.com/spreadsheets/d/1ZAFezd3cItauJwNMB4mRqTHOck_8usjE5RFcgzowiso/edit#gid=0

Published: Nov 1st 2021
45
8
1

Tools

css3
CSS3
html5
HTML5
javascript
JavaScript
sass
SASS
bootstrap
Bootstrap
vuejs
Vue.js

google sheet API
Bootstrap
Sass
Vue.js
個人作品

Share