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
- Clone repo
npm install
- Create
.env
file if one does not already exist - Connect your database with prisma
- Initialize database -
npx prisma migrate dev
ornpx prisma db push
- Seed the database
- 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.