UMChat - Advanced Chat System

About the project

UMChat is an intelligent chat web application built from scratch with a complete system for managing conversations, documents and authentication. The project demonstrates expertise in modern full-stack development, complex data architecture and performance optimization. Includes AI integration, automatic OCR, intelligent file deduplication, real-time streaming, and an architecture of 8 tables with complex relationships. Built with Next.js 14.2, React 18.3, TypeScript, PostgreSQL with Supabase, and multiple external APIs.

Technologies

Features

• Document management system (Vault) with hierarchical organization
• Automatic OCR with Mathpix API for PDFs
• Intelligent file deduplication with SHA-256
• Complete authentication with Supabase Auth (OAuth, email/password)
• Guest mode with limited functionalities
• Complete metrics and analytics system
• Responsive interface with custom pixel-art design
• Real-time streaming with Server-Sent Events
• Hybrid synchronization localStorage ↔ Supabase
• Complex data architecture with 8 tables and relationships
• 3-layer RLS security policies
• Performance optimizations: prompt caching, compound indexes
• Multimodal integration: Text + Images (JPG/PNG)
• Server-side Python code execution
• +15,000 lines of TypeScript/React code

Technical challenges

• Complex data architecture with physical/logical file separation
• SSE streaming implementation with real-time chunk parsing
• Intelligent deduplication system with OCR reuse
• Complex RLS policies for user data isolation
• Hybrid synchronization between local and cloud state
• Complex state management for conversations and documents
• Scalability for multiple simultaneous users with real-time features
• Error handling and rate limiting across multiple external APIs
• Cost optimization with intelligent caching
• Multimodal integration with image processing

Learnings

• Modern full-stack development with Next.js 14.2 and React 18.3
• Complex PostgreSQL data architecture with RLS
• Streaming patterns in web applications (Server-Sent Events)
• System-level performance optimizations
• UX design for complex conversational applications
• Management of complex projects with multiple external APIs
• Implementation of robust security systems
• Development of document processing pipelines
• Intelligent file management with deduplication
• Hybrid local/cloud synchronization

Screenshots

Vista 1

Vista 2

Vista 3