# Software:  Dashboards, web apps and automation

> Web and Android apps, dashboards, admin portals and workflow automation for the people who run the work. WhiteHat Design Studio, Pakistan.

Page: https://www.whitehatdesignstudio.com/services/software/
Published by: WhiteHat Design Studio
Last updated: 7 November 2026

Input B, software

Software that runs the operation.

WhiteHat Design Studio builds the software people use to run the work, from the inspector's tablet to the manager's dashboard and the app that calls a robot. It is built to talk to real machines and real records.

[Talk to an engineer](https://www.whitehatdesignstudio.com/contact/?need=software) [See the work](https://www.whitehatdesignstudio.com/work/)

Systems that run the operation

## Who it is for

### Heads of operations and quality leads

The worry Downtime, paper records, vendors who blame each other.

What we do Connect the line, the data and the people running it. Our quality platform records inspection on the floor, with dashboards for managers, audit logs and exports to Excel and PDF.

### Product leads and CTOs at software companies meeting hardware

The worry Firmware is unknown territory.

What we do Your software is ready. Now it has to talk to a machine. We build both ends of that conversation.

## What we build.

Web and Android apps, dashboards, admin portals, workflow automation, IT and cloud.

### Web apps and admin portals

React and TypeScript front ends with Node.js and Express behind them. The quality platform's admin portal manages teams, bag models, shifts and QR codes.

### Dashboards

Live views for the people who run the line, built with Recharts. The quality platform tracks production quality as inspectors record it.

### Android and phone apps

Apps people carry onto the floor or use to call a machine. Auto Vendi's app takes the order, and releases the lock on the robot's compartment when it arrives.

### Workflow automation

Records that used to live on paper, moved into a system with sign-in, audit logs and exports to Excel and PDF.

### IT and cloud

Databases, authentication and hosting, with PostgreSQL and Supabase where they fit.

## Switch it off.

An input on its own is not a product, and a product without software is not finished either. Try it.

Output Y = **1**

It works, and customers are using it.

## Evidence.

Published work that used this practice, with what each one does.

[Case study, aerial surveillance

### SKYLOCK

Finds drones in live camera feeds, predicts where each one is going and keeps a gimbal camera on it, from the operator's console or on its own.

A hardware, B software, C AI](https://www.whitehatdesignstudio.com/work/skylock/)

[Drawn from the project description. The client and its screens are not shown.](https://www.whitehatdesignstudio.com/work/quality-inspection-platform/)

Case study, manufacturing

### Quality inspection platform

Logs defects, marks fault locations and exports to Excel and PDF.

B software

[Case study, last-mile logistics

### Auto Vendi

Maps its route, avoids obstacles and delivers in a locked compartment that the phone app releases.

A hardware, B software, C AI](https://www.whitehatdesignstudio.com/work/auto-vendi/)

[Prototype, assistive technology

### SceneScribe

Describes what the camera sees, in answer to the wearer's own question, through earphones.

A hardware, B software, C AI](https://www.whitehatdesignstudio.com/work/scenescribe/)

## How it connects.

An input on its own is not a product. These are the places software meets the rest.

### Software and hardware

Auto Vendi's app does more than show a status. It releases the lock on the robot's compartment when the delivery arrives.

[Hardware](https://www.whitehatdesignstudio.com/services/hardware/)

### Software and AI

SceneScribe's software turns a spoken question and a camera image into a short spoken answer, through a chain of language model agents.

[AI](https://www.whitehatdesignstudio.com/services/ai/)

### Software and growth

The website, the enquiry form and the analytics are software too. Built by the same team as the product, the enquiries reach someone who can answer them.

[Growth](https://www.whitehatdesignstudio.com/services/growth/)

## What we do not do

- We do not call software finished until it reads from and writes to the real machine, not a test file.
- We do not lock you into our hosting. The code, the database and the accounts are in your name.

## Guides from this work

- [How does drone detection work?](https://www.whitehatdesignstudio.com/guides/how-drone-detection-works/) Drone detection finds a drone with one or more sensors: radar, a radio receiver, microphones or a camera. Each one has a blind spot, so the strongest systems combine them. A camera system such as SKYLOCK runs a detection model on every frame, predicts where the drone is going and turns a gimbal to keep it in view.
- [How to move quality inspection off paper](https://www.whitehatdesignstudio.com/guides/digital-quality-inspection/) Record each defect where it is found, by the person who found it, on a screen that takes no longer than the paper form. Give every item one of three outcomes: accepted, rework or rejected. Then the dashboard, the audit log and the reports all come from that one record.
- [How to turn a prototype into a product](https://www.whitehatdesignstudio.com/guides/prototype-to-product/) Define what working means, in numbers with their conditions. Build the riskiest part first and test it where it will be used. Then design for manufacture and prove the product in three builds: engineering, design and production. A prototype proves an idea once. A product has to work every time, for people who never met the engineer.
- [What tasks can be automated with AI?](https://www.whitehatdesignstudio.com/guides/what-to-automate-with-ai/) Automate work with a clear input, a repeatable result and a way to check it: reading an enquiry, filing a document, writing a routine report. Keep a person on anything that is costly to get wrong. Start with one task, test it on your own messages and documents, and look hard at what it gets wrong.

## Questions buyers ask.

### Can your software talk to our machines?

That is the point of input B. Auto Vendi's phone app takes the order and releases the lock on the robot's compartment.

### Which stack do you use?

On the web, React and TypeScript with Node.js and Express behind them and PostgreSQL for data, as in the quality platform. Android for phone apps. We choose per project and say why.

### Do you build custom dashboards?

Yes. The quality platform's dashboards track production quality as inspectors record it, built with Recharts on a React and TypeScript front end.

### Can it export to Excel and PDF?

Yes. The quality platform exports both, and keeps audit logs.

### Do we own the code and the accounts?

We do not lock you into our hosting. The code, the database and the accounts are in your name.

## Tell us what has to work.

One sentence is enough. An engineer will reply.

[Talk to an engineer](https://www.whitehatdesignstudio.com/contact/) [WhatsApp an engineer](https://wa.me/923112721007?text=Hello%20WhiteHat%20Design%20Studio%2C%20I%20would%20like%20to%20talk%20to%20an%20engineer%20about%20my%20project.)
