Growing up in the early 90's, during the hay day of Teenage Mutant Ninja Turtles, turtle-power was unavoidable. Cartoons, movies, music, theatre... the heroes in a half shell were everywhere, and I loved every second of it. As any TMNT fan knows, if theres anything the ninja turtles were known for it was their love of pizza. Cartoon pizza is always perfect, the pie is always hot and the cheese is always melty. I have spent my life searching for the perfect ninja turtles pizza always coming up short, thus it is with great pleasure I present to you:
Slicewars is an application aimed at finding the closest pizza to the ninja turtles pizza. Utilizing the browsers geolocation API, a user receives two local pizza shops and can vote on which pizza more closely resembles the ninja turtles pizza and view the results of voting in their area.
Click the thumbs up icon to cast your vote!
Never tried either restaurant? No worries just refresh the contendors!
View the voting results for local restaurants!
(I cannot wrap my head around why if you make pizza and hot dogs, the choice to go with hot dog for main image was made.)
This is an app bootstrapped according to the init.tips stack, also known as the T3-Stack.
As per T3-Axiom #3, we take typesafety as a first class citizen. Unfortunately, not all frameworks and plugins support TypeScript which means some of the configuration files have to be .js files.
We try to emphasize that these files are javascript for a reason, by explicitly declaring its type (cjs or mjs) depending on what's supported by the library it is used by. Also, all the js files in this project are still typechecked using a @ts-check comment at the top.
We try to keep this project as simple as possible, so you can start with the most basic configuration and then move on to more advanced configuration.
If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our Discord and ask for help.
- Next-Auth.js
- Prisma
- TailwindCSS
- tRPC (using @next version? see v10 docs here)
Also checkout these awesome tutorials on create-t3-app.
- Build a Blog With the T3 Stack - tRPC, TypeScript, Next.js, Prisma & Zod
- Build a Live Chat Application with the T3 Stack - TypeScript, Tailwind, tRPC
- Build a full stack app with create-t3-app
- A first look at create-t3-app
We recommend deploying to Vercel. It makes it super easy to deploy NextJs apps.
- Push your code to a GitHub repository.
- Go to Vercel and sign up with GitHub.
- Create a Project and import the repository you pushed your code to.
- Add your environment variables.
- Click Deploy
- Now whenever you push a change to your repository, Vercel will automatically redeploy your website!
You can also dockerize this stack and deploy a container. See the Docker deployment page for details.
Here are some resources that we commonly refer to: