Mockup Banking Application Project

Tech Stack

The project is built using the following technologies:

• Next.js - React framework and server-side logic. Ideally, you would want a separate backend infrastructure for a FinTech application, but for the sake of this project, Next.js is used to simulate a backend.
• TypeScript - JavaScript superset
• Zod - TypeScript schema validation
• ESLint - Linter
• tRPC - React framework for building data fetching and API layer
• React Query - React framework for building data fetching and API layer
• Prisma - ORM used with MongoDB
• MongoDB - Database
• Vercel - Deployment and CI/CD
• Material UI - React UI framework

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser.