• 

  The User Interface

• 

• 

• 

ContractGuard : AI-Powered Contract Review Platform for SMBs

Inspiration

As a full-stack developer working with small businesses, I often saw founders struggle with legal contracts. Most SMBs cannot afford a lawyer, yet signing a bad contract can cause financial loss, loss of IP, or even business closure. ContractGuard was created to demystify legal jargon, identify risks, and provide actionable guidance, empowering small business owners to negotiate confidently and protect their interests—leveraging AI Studio TailorEdit to make expert contract review instantly accessible.

What I Learned

Developing ContractGuard with AI Studio was a learning-intensive experience: AI Prompt Engineering: Structured prompts ensured Gemini returned accurate, actionable JSON outputs.

Document Parsing & NLP: Handling PDFs, DOCX, and scanned images taught reliable text extraction and cleaning.

Voice Interfaces: Integrating Web Speech API and Google TTS enabled smooth, real-time voice interactions.

UX for Risk Communication: Dashboards for red flags, risk scores, and negotiation guidance reinforced human-centered design principles.

Full-Stack Integration: Coordinating uploads, AI analysis, and interactive frontends in Next.js showcased end-to-end AI-powered development.

How It Works

Tech Stack:

Frontend: React + Next.js 14, Tailwind CSS

Backend & AI: Next.js API routes + Google Gemini 3.0 Flash via AI Studio

File Handling: pdf-parse, OCR

Voice: Web Speech API + Google Text-to-Speech API

Core Features:

Contract Upload & Parsing: Drag-and-drop PDFs, DOCX, or images → text is analyzed by AI.

Risk Analysis Engine: Contract type detection, risk scoring, red flags, actionable fixes.

Detailed Clause Explanation: Plain-English summaries with risk levels.

Negotiation Assistant: Suggested replacement clauses, negotiation scripts, and fallback options.

Voice Q&A: Ask questions like “Can they fire me without cause?” and get spoken responses.

Red Flag Dashboard: Visual indicators (red/yellow/green) for critical clauses.

Challenges Faced

Parsing PDFs, DOCX, and OCR text with inconsistent formatting.

Structuring Gemini prompts to ensure valid JSON and clear plain-English explanations.

Real-time voice integration without noticeable lag.

Balancing detail versus clarity in long contracts.

Designing intuitive dashboards with expandable red flag cards, clause highlighting, and negotiation scripts.

Reflection

ContractGuard demonstrates the power of AI-assisted development. By combining structured AI outputs with user-friendly design, small business owners can confidently navigate contracts they would otherwise fear. Complex legal and technical challenges can be simplified when the focus is on actionable insights and human-centered design.

Built With

• geminisdk
• glassmorphism
• lucidereact
• mammoth.js
• opencv-style-webapi
• pdf.js
• react19
• regex-based-pii-redactor
• scriptprocessornode
• tailwindcss
• webaudio-api