Portfolio · 2026
Android & iOS
Software
Developer.
Loading experience
2026
← Back to Work
Live Demo ↗
03Web App

Hisab Expert: Web & Admin

Public website and internal admin dashboard for Hisab Expert, built with Next.js and live at hisabexpert.com

Hisab Expert: Web & Admin
Year
2026
Role
Full-Stack Developer
Category
Web App
Status
Shipped ✓

Overview

The web side of Hisab Expert is two separate products sharing one codebase. The public site is what a shopkeeper sees when they search for the app. It explains what Hisab Expert does, walks them through the features, and points them to the Play Store download. The admin panel is entirely separate, sitting behind authentication, and gives the internal team visibility into how the product is actually being used after it ships.

Next.jsTypeScriptTailwind CSSAdmin DashboardTLS 1.3

Tech Stack

Next.jsServer-side rendering keeps the site fast on slow mobile connections
TypeScriptShared types between the marketing site and dashboard kept the codebase clean as it grew
Tailwind CSSMade it straightforward to keep the design consistent across two very different interfaces
bcryptAdmin passwords are hashed and salted. No plain-text credentials anywhere in the system.
TLS 1.3Every request between the browser and server travels encrypted
The Problem

After building the mobile app, there was no web presence to send people to and no way to understand what was happening inside the product once it was in users' hands. We needed a site that shopkeepers would trust on first visit, and a dashboard the team could open every morning to see real numbers.

The Solution

The marketing site is server-rendered with Next.js so it loads fast on budget Android phones with slow connections, which is the reality for most of our users. The admin panel was built with security first: bcrypt-hashed passwords, rate-limited login attempts, and TLS 1.3 on all traffic. It surfaces active users, total transactions recorded, OCR scans, and revenue tracked across shops, and flags anything that looks off.

Screen 01

Download Page

The download page is where most users first decide whether to install the app. It needed to be clear, load fast on a budget phone, and answer the only question that matters to a shopkeeper: does this work for my kind of shop?

Download Page
Download Page
Screen 02

Admin Dashboard

The admin panel is what the team opens every morning. It shows total users, active sessions, transactions recorded, OCR scans run, and revenue tracked, with a system health check on the side so we know immediately if anything needs attention.

Admin Dashboard
Admin Dashboard
See it live
Check out the deployed project or explore the source code.
Live Demo ↗