# Text Flow

> A real-time collaborative text editor that enables teams and individuals to work together on documents with rich text formatting, tables, image uploads, and document templates.

Canonical: https://www.asgerami.com/projects/text-flow/

- Year: 2025
- Live: https://textflow-theta.vercel.app/
- Source: https://github.com/asgerami/text-flow
- Stack: React, TypeScript, Tiptap, Liveblocks, Clerk, Convex

A modern, real-time collaborative text editor that brings teams together for seamless document creation and editing. Built with cutting-edge technologies to provide a Google Docs-like experience with enhanced features.

## Key Features

- **Real-time Collaboration** with live cursors and user presence
- **Rich Text Editing** with Tiptap editor for professional formatting
- **Document Templates** for quick project setup
- **Image Upload & Management** with drag-and-drop functionality
- **Table Support** for structured data presentation.
- **User Authentication** with secure login and user management
- **Document Sharing** with customizable permissions

## Technical Highlights

The application leverages modern web technologies:

- **Tiptap Editor** for a powerful, extensible rich text editing experience
- **Liveblocks** for real-time collaboration infrastructure
- **Clerk Authentication** for secure user management
- **Convex Database** for real-time data synchronization
- **TypeScript** for type-safe development
- **React** for component-based UI architecture

## Problem Solved

Text Flow addresses the need for:

- **Team Collaboration** on documents in real-time
- **Professional Document Creation** with rich formatting options
- **Seamless User Experience** similar to popular document editors
- **Scalable Architecture** that can handle multiple concurrent users

## Advanced Features

- **Live Cursors** showing where other users are editing
- **User Presence** indicating who's currently online
- **Version History** for tracking document changes
- **Export Options** for various document formats
- **Responsive Design** that works on desktop and mobile

## Performance

The application delivers:

- **Real-time Updates** with minimal latency
- **Optimistic UI** for smooth user experience
- **Efficient State Management** with Convex
- **Fast Loading** with modern React patterns

Built to demonstrate advanced full-stack development skills, real-time collaboration, and modern web application architecture.