Keepstraight

This is a Next.js project bootstrapped with create-next-app.

Setup Prisma

first enter the connect string to your mongodb instance in the .env file at DATABASE_URL. Then:

npx prisma db push

Used Tech

• React / Next.js 13 (AppDir, backend API)
• PrimeReact component library, PrimeFlex CSS Utility Classes
• Zustand State Management
• Mongo database using Prisma

Want to use tech

• NextAuth
• Zod Validation Library
• Tanstack (React) Query ??
• Playwright e2e testing
• next-intl i18n internationalization nl-en

Create a Next.js 13 app using pnpm

pnpm create next-app@latest --experimental-app

Zustand info articles

dev.to: Using Zustand with React

TODO LIST

• score tables: use primereact table
• default route / --> login page using next-auth: implement authentication
• API using prisma to save data to MongoDB
• score correction functionality
• game overview page
• player stats (avg run, performance against other player)