What I Built
I built a lightweight developer demo tool that shows how Midnight developers could prototype privacy-preserving DApps with a React + TypeScript frontend.
The tool provides a simple Anonymous Shoutbox where users can submit messages backed by a placeholder proof mechanism. It demonstrates how ZK concepts can be wired into the UI flow, making it easier for developers to experiment before integrating real Midnight Compact circuits and MidnightJS.
This solves the problem of developer onboarding, giving new builders a ready-to-use Vite + Tailwind starter project that already showcases privacy-first design patterns.
Demo
GitHub Repo: [https://github.com/davinceleecode/midnight-privacy-dapp]
Screenshot:
(Replace with actual screenshots from your app running.)
How I Used Midnight's Technology
This project is designed as a starter template for building with Midnight Compact and MidnightJS.
While the current version uses mocked proof generation, the architecture is ready to be swapped with real Midnight proof calls. This way, developers can focus on designing their UI/UX flow without needing the full ZK integration on day one.
It highlights how Midnight's privacy-preserving transaction patterns could integrate directly into the user experience.
Developer Experience Improvements
- Provides a ready-to-use starter repo for privacy-first DApps.
- Abstracts the boilerplate (React + Tailwind + TypeScript) so developers can jump straight into building.
- Demonstrates proof lifecycle flow (input → proof → verified → message published) in a minimal, understandable way.
- Open-sourced under Apache 2.0 license.
This makes it easier for developers to experiment quickly and extend the template with their own ZK circuits.
Set Up Instructions / Tutorial
- Clone the repository:
bash
git clone https://github.com/your-username/midnight-privacy-demo.git
cd midnight-privacy-demo
<!-- Thanks for participating! -->