Introduction

Version: 1.0.0 Last Updated: 12/07/2025

Project Overview

Sketch2Screen is an AI-powered collaborative web application that converts hand-drawn sketches into functional UI mockups and production-ready code. The project integrates real-time collaboration, AI/ML technologies, and modern web development practices.

Technology Stack

• Frontend: React 19 + TypeScript + Vite + Tailwind CSS
• Drawing Canvas: Excalidraw library
• Backend: Django 5.2 + Django Channels (WebSocket) + Django REST Framework
• AI Integration: Anthropic Claude API
• Real-time Collaboration: WebSocket via Django Channels

Documentation Structure

This documentation is organized into the following sections:

• Requirements: System requirements, features, and use cases
• System Architecture: Development environment, sequence diagrams, and version control
• API Specification: Backend REST/WebSocket APIs and auto-generated Frontend API references
• Testing: Unit, integration, and acceptance testing documentation

Quick Start

To set up the development environment and run the application locally, refer to the Development Environment guide or the project README.

For API documentation, see the API Specification section.