Demo

This is an fullstack app that uses Prisma as DB ORM, TRPC to create fully typesafe APIs, Nextjs as React Framework. For styling I choosed tailwind which is my favorite CSS framework. I decided to build app inspired by Roundest by Theo. Vote for a cooler anime character or anime and see results!

Currently there are 100 characters and animes available.

Prerequisite:

• Database provider that works with Prisma
• npm

Setup

1. Clone repo
2. npm install
3. Create .env file if one does not already exist
4. Connect your database with prisma
5. Initialize database - npx prisma migrate dev or npx prisma db push
6. Seed the database
7. Run dev server npm run dev

• Users can view a list of 100 anime characters and anime series to choose from.
• Users can vote for their favorite character or anime series by clicking on a button.
• The results are displayed in real-time, allowing users to see which characters and anime are currently the most popular.
• The app is fully responsive and can be used on desktop or mobile devices.