{"id":31287887,"url":"https://github.com/amsh4/livesketch","last_synced_at":"2026-04-07T07:47:29.906Z","repository":{"id":315886543,"uuid":"1061149495","full_name":"AmSh4/LiveSketch","owner":"AmSh4","description":"Real-time collaborative drawing app with React UI, Elixir backend, and Python analytics. Enables seamless sketching, anomaly detection, and scalable infra.","archived":false,"fork":false,"pushed_at":"2025-09-21T11:23:35.000Z","size":20,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-21T12:30:00.835Z","etag":null,"topics":["devops","docker","elixir","functional-programming","isolation-forest","pandas","phoenix","python","react","websocket"],"latest_commit_sha":null,"homepage":"","language":"Elixir","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AmSh4.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-21T10:48:04.000Z","updated_at":"2025-09-21T11:25:06.000Z","dependencies_parsed_at":"2025-09-21T12:30:03.294Z","dependency_job_id":"c4003d3b-2170-48ba-9265-9a3ec4b29072","html_url":"https://github.com/AmSh4/LiveSketch","commit_stats":null,"previous_names":["amsh4/livesketch"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/AmSh4/LiveSketch","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmSh4%2FLiveSketch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmSh4%2FLiveSketch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmSh4%2FLiveSketch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmSh4%2FLiveSketch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AmSh4","download_url":"https://codeload.github.com/AmSh4/LiveSketch/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmSh4%2FLiveSketch/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276738709,"owners_count":25695964,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-24T02:00:09.776Z","response_time":97,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["devops","docker","elixir","functional-programming","isolation-forest","pandas","phoenix","python","react","websocket"],"created_at":"2025-09-24T11:29:17.666Z","updated_at":"2025-12-30T21:21:10.139Z","avatar_url":"https://github.com/AmSh4.png","language":"Elixir","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LiveSketch: Real-Time Collaborative Drawing Platform\n\nLiveSketch is an open-source real-time collaborative drawing application _designed for teams and creators_ to **brainstorm and visualize** ideas together seamlessly. Built with a modern **full-stack architecture**, it enables _multiple users to draw on a shared canvas in real-time_, with built-in tools for quick sketching, shape suggestions, and session management. \n\n## Overview\n**The app leverages functional programming principles in the backend for reliable handling of concurrent user interactions and includes data analytics for monitoring usage patterns.**\nThis project demonstrates skills in building _interactive UIs, scalable backends, data processing, and containerized deployments—ideal_ for exploring distributed systems and real-time applications.\n\n---\n## Key Features\n\n- **Real-Time Collaboration:** Users join sessions via WebSockets for synchronized drawing updates.\n- **Intuitive UI Tools:** One-click access to brushes, shapes, and erasers with customizable options.\n- **Intelligent Insights:** Backend analytics detect unusual activity (e.g., spam drawing) and suggest optimizations.\n- **Seamless Integrations:** API hooks for external tool libraries (simulated).\n- **Robust Infrastructure:** Dockerized services for easy local development and scaling.\n- **Data Visualization:** Simple dashboards for viewing collaboration metrics.\n\n---\n## Tech Stack\n\n- **Frontend:** React.js with Fabric.js for canvas rendering.\n- **Backend:** Elixir with Phoenix for functional, concurrent logic.\n- **Data Science:** Python with Pandas for anomaly detection and stats.\n- **Infrastructure:** Docker Compose for multi-container setup.\n- **Real-Time:** Phoenix Channels for live updates.\n\n---\n## Quick Start\n\n### Prerequisites:\n\n- Node.js (v18+)\n- Elixir (v1.14+)\n- Python (3.10+)\n- Docker \u0026 Docker Compose\n\n\n### Clone \u0026 Setup:\n\n     git clone https://github.com/AmSh4/LiveSketch\n     cd livesketch\n\n### Backend Setup:\n     cd server\n     mix deps.get\n     mix ecto.create  # If using DB, but here in-memory for simplicity\n     mix phx.server\n\n### Frontend Setup:\n\n     cd client\n     npm install\n     npm start\n\n### Data Analytics:\n- Run the analysis script:\n  \n      cd ds\n      pip install -r requirements.txt\n      python analyze_logs.py\n\n### Docker Deployment:\n      docker-compose up --build\nAccess at `http://localhost:4000`.\n\n---\n## Architecture\n\n- **Client:** React app handles UI rendering and sends canvas events via WebSockets.\n- **Server:** Elixir Phoenix manages channels, processes updates functionally (immutable state, pattern matching).\n- **Analytics:** Python script processes log data for insights like session duration and anomaly scores.\n- **Infra:** Containers for isolation; simulate multi-DC with env vars.\n\n---\n## Folder Structure\n- [View](https://github.com/AmSh4/LiveSketch/blob/main/Structure.md)\n---\n## Contributing\nFork the repo, create a branch, and submit a PR. Focus on adding new tools or improving analytics.\n\n---\n## License\nMIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famsh4%2Flivesketch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famsh4%2Flivesketch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famsh4%2Flivesketch/lists"}