Fin.com

This is an financial dashboard application that has registration, authentication and protected routes and fetches fictitious data from a database.

Technologies

• NextJS as the React framework
• Tailwind CSS as the CSS framework
• Framer Motion as the animation library
• TypeScript as the programming language
• BiomeJS as the formatter and linter
• PostgreSQL as the database
• Prisma as the ORM
• tRPC for server-side operations
• Zod for validation
• shadcn/ui for beautifull and re-usable components

Requirements

• Users must be able to register using name, email and password
• Users must be able to authenticate using email and password
• Users must be able to see a welcome message with their name on the dashboard page
• Users must be able to see ficticious information on the dashboard page
• Unauthenticated users must not be able to access the dashboard page
• Users must be authenticated via JWTs