All posts
ReactTypeScriptDjangoWebSocketLegal Tech

Building Complete Legal Aid for Production

January 20, 20265 min read
Citizen, lawyer and administrator workflows connect messaging, documents, bookings, payments and AI-assisted drafting.
Conceptual overview of the workflows discussed in this case study. This AI-generated illustration is not a screenshot or a security audit.

Building Complete Legal Aid for Production

Complete Legal Aid is a legal technology platform where citizens, lawyers, and admins collaborate in one system.

My Role

I worked as Frontend Lead and Full-Stack Contributor.

What I Built

  • Full frontend experience for 3 user roles
  • Real-time chat interface with attachments and read receipts
  • Booking and payment UI flows
  • AI drafting integration for legal document assistance

Core Stack

  • React 19 + TypeScript + Vite
  • Django + WebSocket
  • Firebase notifications
  • GCP-backed deployment services

Key Outcome

The AI drafting flow reduced document preparation time from around 45 minutes to under 3 minutes.

Takeaway

In legal-tech products, workflow clarity matters as much as raw features. Reliable role separation and communication flow made the platform usable in real scenarios.