Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/weichiachang/js-pop-quiz

JavaScript Pop Quizzzzzz.
https://github.com/weichiachang/js-pop-quiz

javascript javascript-game popquiz quiz quiz-game vue vue-router

Last synced: about 2 months ago
JSON representation

JavaScript Pop Quizzzzzz.

Host: GitHub
URL: https://github.com/weichiachang/js-pop-quiz
Owner: WeiChiaChang
License: mit
Created: 2020-03-14T04:46:03.000Z (almost 5 years ago)
Default Branch: master
Last Pushed: 2023-01-04T14:37:08.000Z (about 2 years ago)
Last Synced: 2023-03-06T14:21:02.151Z (almost 2 years ago)
Topics: javascript, javascript-game, popquiz, quiz, quiz-game, vue, vue-router
Language: JavaScript
Homepage: https://js-pop-quiz.now.sh
Size: 11.7 MB
Stars: 92
Watchers: 2
Forks: 13
Open Issues: 25
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

# JavaScript Pop Quiz

![Demo](https://upload.cc/i1/2020/03/18/84kxt0.png)

之前用 Vue.js 製作 [台灣圖標字型遊戲](https://github.com/WeiChiaChang/twicon-game) 的經驗蠻不錯的，
這次決定試試看不用 Vuex 寫看看，自己模擬看看 store 和 mutations 平常在做的事情，
也把答題結果的資料丟到 Firebase 做儲存，
實作 Ranking 排行榜的機制。

題目方面則是採用了之前上過 GitHub Trending 的 [javascript-questions](https://github.com/lydiahallie/javascript-questions)，截至目前為止 (2020/03/18) 共收錄了 144 道題目，一方面認為這是ㄧ份很不錯的文件，
畢竟 JavaScript 這語言本身實在太奇葩太奇妙，
一不留神真的會不小心寫出很烙賽的 Code，
不管是自己檢測或是給學生測試看看，相信都是很好的練習！

另外這個專案雖然多數還是英文描述為主，但字型部分則是完全採用近期知名的台灣字型製作團隊 [justfont](https://justfont.com/about/) 所推出的 [開源字型 jf open 粉圓體](https://justfont.com/huninn/)！畫面非常之軟Ｑ啊！大力大力推薦大家快去自己的 Side Project 用起來～～

**[快來測驗你的 JavaScript 技能吧！](https://js-pop-quiz.now.sh)**

## Setup

```bash
# Install dependencies
npm i

# Compiles and hot-reloads for development
npm run serve

# Compiles and minifies for production
npm run build

# Lints and fixes files
npm run lint
```

## PRs Welcome 🙏

- 繁體中文版本 Traditional Chinese Version

## Reference

- Great thanks to [Lydia Hallie](https://github.com/lydiahallie) for creating awesome [javascript-questions](https://github.com/lydiahallie/javascript-questions)
- Ranking idea comes from [samiheikki/javascript-guessing-game](https://github.com/samiheikki/javascript-guessing-game)
- Folder structrue based on [dmtrbrl/hp-quiz](https://github.com/dmtrbrl/hp-quiz)
- [開源字型 jf open 粉圓體](https://justfont.com/huninn/)