guess-the-year-game
所属分类:collect
开发工具:Svelte
文件大小:0KB
下载次数:0
上传日期:2021-07-17 03:49:00
上 传 者:
sh-1993
说明: 一款简单的浏览器迷你游戏,您可以在其中猜测发生以下事件的年份。,
(A simple browser mini-game where you guess the year that the following event happened.,)
文件列表:
.npmrc (19, 2021-07-16)
netlify.toml (52, 2021-07-16)
package-lock.json (191794, 2021-07-16)
package.json (980, 2021-07-16)
postcss.config.cjs (567, 2021-07-16)
scripts/ (0, 2021-07-16)
scripts/download-questions.ts (1613, 2021-07-16)
src/ (0, 2021-07-16)
src/app.html (884, 2021-07-16)
src/global.d.ts (40, 2021-07-16)
src/lib/ (0, 2021-07-16)
src/lib/utils.ts (164, 2021-07-16)
src/lib/views/ (0, 2021-07-16)
src/lib/views/NumberTag.svelte (275, 2021-07-16)
src/lib/views/NumberView.svelte (266, 2021-07-16)
src/lib/views/YearDragger.svelte (3042, 2021-07-16)
src/routes/ (0, 2021-07-16)
src/routes/__error.svelte (140, 2021-07-16)
src/routes/__layout.svelte (388, 2021-07-16)
src/routes/game.svelte (5212, 2021-07-16)
src/routes/gameover.svelte (2544, 2021-07-16)
src/routes/index.svelte (1243, 2021-07-16)
static/ (0, 2021-07-16)
static/dragHandle.svg (693, 2021-07-16)
static/favicon.ico (15406, 2021-07-16)
static/guess-the-year cover.png (78540, 2021-07-16)
static/questions.json (13496, 2021-07-16)
svelte.config.js (1034, 2021-07-16)
tsconfig.json (1030, 2021-07-16)
yalc.lock (124, 2021-07-16)
# Guess The Year Game
![Banner](https://github.com/davjhan/guess-the-year-game/blob/master/static/guess-the-year%20cover.png?raw=true)
Made by : **David Han (@davjhan on github)**
# Try it out!
Play the game here: [`Guess The Year Game`](https://github.com/davjhan/guess-the-year-game/blob/master/https://guess-the-year.davjhan.com/)
# Built with
- [`Svelte Kit`](https://github.com/davjhan/guess-the-year-game/blob/master/https://kit.svelte.dev/)
- Tailwind CSS (JIT)
- Netlify
- Uses Plausible analytics (cookie-less)
Generates a static app that is hosted on Netlify.
# Get Started
This repo will not build out of the box. It has a dependency on [davjhan-core](https://github.com/davjhan/guess-the-year-game/blob/master/https://github.
com/davjhan/davjhan-core)
which is not published on npm. If you want to build this project, follow the steps in that package's README.
`davjhan-core` includes common tailwind styles, css, and components (e.g. Navbar) that will be reused between david
games. I use `yalc link davjhan-core` on my local machine so that it builds.
## Questions database
I sourced Wikipedia to hand-compile a database of questions in Airtable. I then have a script,
`scripts/download-questions.
ts`, that downloads the questions to a json file. It sits at 12kb for 120+ questions.
# Commands
### Run the dev server
```bash
npm run dev
```
### Download the questions.json from Airtable database
```bash
npm run download-questions
```
### Build and preview
```bash
npm run build
```
```bash
npm run preview
```
### Deploy to Netlify
```bash
npm run deploy
```
近期下载者:
相关文件:
收藏者: