t3dotgg / roundest-mon

Here to answer the eternal question - which Pokémon is roundest?

Roundest - Which Pokémon is most round?

Answering all of life's toughest questions

Why?

Why not. I streamed most of the creation of this project if you're curious. Regardless of how you feel about the idea, I think the technical details of this implementation are worth learning from.

Getting Started

Prerequisite:

• MySQL local database (or Planetscale connection using PScale CLI)
• npm

Setup

1. Clone repo
2. npm install
3. Create .env file if one does not already exist
4. Add connection URLs for both database and shadow db to .env (example .env file here)
5. Initialize database - npx prisma migrate dev
6. Initialize base data set - npm run ts-node ./scripts/fill-db.ts
7. Run dev server npm run dev

TODO

• Use next/image to handle image caching and better rendering
• Persist data fetched from PokemonAPI
• Create the results page with counting/sorting
• Better loading state between votes