Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cudi7/poll-o-meter
The best way to start a poll, app created with the power of t3 stack (Next.js, TypeScript, tRPC, Prisma, Tailwindcss, NextAuth and PlanetScale)
https://github.com/cudi7/poll-o-meter
mysql nextauth nextjs planetscale prisma react t3-stack tailwindcss trpc typescript zod
Last synced: 24 days ago
JSON representation
The best way to start a poll, app created with the power of t3 stack (Next.js, TypeScript, tRPC, Prisma, Tailwindcss, NextAuth and PlanetScale)
- Host: GitHub
- URL: https://github.com/cudi7/poll-o-meter
- Owner: Cudi7
- Created: 2023-01-16T14:09:21.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-17T12:11:30.000Z (about 2 years ago)
- Last Synced: 2024-11-11T16:20:48.504Z (3 months ago)
- Topics: mysql, nextauth, nextjs, planetscale, prisma, react, t3-stack, tailwindcss, trpc, typescript, zod
- Language: TypeScript
- Homepage: https://poll-o-meter.vercel.app
- Size: 114 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Poll-o-meter
This is an app bootstrapped according to the [init.tips](https://init.tips) stack, also known as the T3-Stack.
LIVE DEMO: https://poll-o-meter.vercel.app/
## What are the different technologies used?
I tried to keep this project as simple as possible, the main technologies are:
- [Next.js](https://nextjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Next-Auth.js](https://next-auth.js.org)
- [Prisma](https://prisma.io)
- [TailwindCSS](https://tailwindcss.com)
- [tRPC](https://trpc.io)
- [Zod](https://zod.dev/)
- [PlanetScale](https://planetscale.com/)## What can I do and how does this app works?
You can create a poll, share it and vote it.
You can view all the polls created at /polls
You can sign in/out with Google- The app works with a serverless MySQL database using Prisma, tRPC and PlanetScale
- Zod for type validation
- Next.js and TypeScript as a core
- Tailwindcss for all the styling
- NextAuth for the authentication with google## How do I try this?
Clone, fork or download, then inside the folder run
`npm install` && `npm run dev`You'll need to generate following keys inside your .env:
- prisma DATABASE_URL
- NEXTAUTH_SECRET
- NEXTAUTH_URL
- GOOGLE_CLIENT_ID
- GOOGLE_CLIENT_SECRET