Magic Vault

A web application to keep track of your Magic the Gathering collection

Features

• Search for any card
• Create collections
• Update collections
• Delete collections
• See value of your collections (updated daily)
• Login with google, discord, or github

Stack

• This is a T3 Stack project bootstrapped with create-t3-app.
• Next.js
• tRPC
• Prisma
• Tailwind CSS
• Postgres

Local Development

I'm using Docker for local development. You should be able to run one command to get everything up and running; ready for development.

• link to vercel

      npx vercel link

  link to the existing project magic-vault

• download .env file

      npx vercel env pull

• run application using docker

      npm run dev:docker

The frontend next application will be ready for connections at localhost:3000. The postgres database will be ready for connections at localhost:5432.

Some important scripts

command	description
npm run rebuild-frontend	Will rebuild the next application and start it up without triggering a database rebuild
npm run dev:docker	starts dev environment via docker
npm run dev:logs	starts reading docker compose log files for application container

What happens when I push a new branch to Github?

1. Vercel [creates a Preview deployment](https://vercel.com/magicians/magic-vault/deployments)

What happens when I merge into main?

1. Vercel [creates a Production deployment](https://vercel.com/magicians/magic-vault/deployments)
2. Database migrations are run automatically with github action `deploy`.