Merchant Dashboard

Vignesh Bhagavath

Frontend Engineer
Web Developer
Next.js
Tailwind CSS
TypeScript

Client

Vitt India is a fintech startup based out of Bangalore, India and has product for merchants to collect payments made by customers through offline modes like UPI.

Description

A Next.js web application for merchants to track payments collected on app with features to login, filter the transactions and get notified on new transactions. Below are some of the screen grabs from the app.
This was developed using Next.js along with Tailwind CSS & Firebase. It is a desktop only app as the mobile users are intended to be served with a separate mobile app.
Transaction
Transaction

Features

Login using Firebase

The dashboard is available for authenticated users only and has 2 methods for user to authenticate.
2FA with Email/Mobile Number with Password & OTP login - User enters the mobile number or email along with password & along with the OTP sent to the details provided.
QR Scanner for login - If user is logged in to the app on a mobile device then they can scan the QR shown on the desktop to authenticate themselves.

Multi store management

This feature allows user to switch between different stores/business under single account with out having to login separately for each.
Whenever a store is switched the most recent data for that store is displayed.

Transactions

The dashboard provides a tabular view of the transactions for user to keep a track
User can click on individual transactions to see further details of the transactions
User can filter transactions based on a date range, transaction type, collected by etc to get enhanced results

Search

User can search a transaction by any of the meta data and find the exact transaction they are looking for.

Notifications using FCM

A feature for user to get notified whenever there is a successful transaction.
User can manage whether to receive these notifications from within the dashboard settings
Partner With Vignesh
View Services

More Projects by Vignesh