This is a submission for the [Midnight Network "Privacy First" Challenge]

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

1. Clone the repository:

bash
   git clone https://github.com/your-username/midnight-privacy-demo.git
   cd midnight-privacy-demo
<!-- Thanks for participating! -->

Comments

[Ava Nichols]

Anonymous Shoutbox is the perfect place for my spicy takes to enter witness protection. Love the mocked-proof-now, swap-in-Midnight-later flow—clean React/TS/Tailwind starter makes privacy-first prototyping almost too easy.

[Shifa]

"This is amazing , the article is top-notch, and the GitHub repository and README are fully updated. Excellent work!"