Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brenelz/tennis-trivia
Tennis Trivia - Next.js Netlify
https://github.com/brenelz/tennis-trivia
netlify nextjs tailwindcss typescript
Last synced: 3 months ago
JSON representation
Tennis Trivia - Next.js Netlify
- Host: GitHub
- URL: https://github.com/brenelz/tennis-trivia
- Owner: brenelz
- Created: 2021-09-04T18:50:05.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-14T23:10:27.000Z (almost 2 years ago)
- Last Synced: 2023-03-23T01:56:09.043Z (almost 2 years ago)
- Topics: netlify, nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://tennis-trivia.netlify.app/
- Size: 265 KB
- Stars: 4
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tennis Trivia - Next.js Netlify
This repo is accompanied by [an article on CSS Tricks](https://css-tricks.com/building-a-tennis-trivia-app-with-next-js-and-netlify/) on how it was built. There is a `start` branch for you if you want to follow along.
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/brenelz/tennis-trivia)
The only other setup required for netlify is adding the following environment variable.
```
NEXT_PUBLIC_API_URL=https://your-netlify-url.app
```## What we built
- shows one player name randomly, and the user must pick their country
- 5 rounds, keep track of score
- grabs top 100 tennis players with country## Future improvements
- have users login with supabase
- store highscores in supabase
- choose difficulty (would change the rank of players selected)
- challenge other users