Users payment accounting table

Project for accounting for user payments for certain assets. The project was developed to gain practical experience in full-stack development.

Table of contents

• Overview
  • Live link and source code
  • Built with
  • Features

Overview

Live link and source code

• Source code: https://github.com/ysnitko/dashboard.git
• Live Site URL (deploy on vercel): https://dashboard-rose-omega.vercel.app/ To authorize in the app, enter login: test@test, password: test

Built with

• React
• Next.js
• Typescript
• Next-auth.js
• Tanstack
• Prisma ORM
• Postgresql
• React-loader-spinner
• React-onclickoutside
• Dateformat
• Vercel
• TailwindCSS

Features

Users should be able to:

• View the optimal layout for each page depending on their device's screen size (screen & mobile) mobile:

• Built-in user authorization mechanism.The user's email and password are used as credentials

  

• Form validation upon user login and registration, if the user is blocked, entry is denied

  

  

• The app will use all CRUD actions on the user

  

  

  

• Search for user by name, email, payment status and activity status

  

• User filter and sorting by numerous parameters

  

• User details page with activity logs

  

• Pagination, choice of displaying 10 or 20 users per page

  

• Multiple payment posting

  

• Data is saved to the Postgresql database