track-payments Tailwind Templates

Track Payments

Nextjs 15, TypeScript, tailwind css

Track payments for real estate for properties.

  • display list of payments: searching, sorting, infinite scroll pagination
  • display notifications: infinite scroll,
  • authenticated routes
  • login/logout screen with react19 actions (demo purpose)
  • cypress e2e
  • nest js backend api to fetch payments and notifications with pagination, search, sort functionality
  • Database setup
  • CI deployment for nextjs app and nest js backend: broken on vercel

Tech stack

  • client: Next js 15 (app router), tailwind css, tanstack query, tanstack table, shadcn ui, cypress.io
  • backend: Nest js, faker.js

Getting Started

  • inside src folder run yarn and yarn dev to run client locally on localhost:3000
  • inside src/backend folder run yarn and yarn start to run backend api server on localhost:3001

Deployed on Vercel

env

Create .env file at the root of the project with following keys

SESSION_SECRET=""

Screenshots

Screenshot 2025-02-01 at 9 39 38 PM Screenshot 2025-02-01 at 9 39 47 PM Screenshot 2025-02-01 at 9 40 04 PM Screenshot 2025-02-01 at 9 40 14 PM Screenshot 2025-02-01 at 9 40 28 PM

Top categories

Loading Svelte Themes