{"id":23689931,"url":"https://github.com/geo-mena/scribble","last_synced_at":"2026-02-16T11:36:26.576Z","repository":{"id":209032660,"uuid":"722826355","full_name":"geo-mena/scribble","owner":"geo-mena","description":"✏️ Scribble is a real-time drawing app for multiple users to collaborate on the same canvas. It uses Next.js, TailwindCSS, and Socket.io.","archived":false,"fork":false,"pushed_at":"2025-02-03T06:04:59.000Z","size":264,"stargazers_count":2,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-22T06:49:24.332Z","etag":null,"topics":["nextjs","shell","socket-io","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/geo-mena.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2023-11-24T03:33:49.000Z","updated_at":"2025-01-10T16:25:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"0a68772b-1e38-4d97-a297-2279d523359b","html_url":"https://github.com/geo-mena/scribble","commit_stats":null,"previous_names":["geo-mena/scribble-app","geo-mena/scribble"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/geo-mena/scribble","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geo-mena%2Fscribble","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geo-mena%2Fscribble/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geo-mena%2Fscribble/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geo-mena%2Fscribble/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geo-mena","download_url":"https://codeload.github.com/geo-mena/scribble/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geo-mena%2Fscribble/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29506771,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T09:05:14.864Z","status":"ssl_error","status_checked_at":"2026-02-16T08:55:59.364Z","response_time":115,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["nextjs","shell","socket-io","tailwindcss","typescript"],"created_at":"2024-12-30T01:57:21.925Z","updated_at":"2026-02-16T11:36:26.561Z","avatar_url":"https://github.com/geo-mena.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Scribble - Real-time Collaborative Drawing Application\n\nScribble is a real-time collaborative drawing application. Users can join drawing rooms and work together on the same canvas, customizing stroke color, stroke width, and dash spacing. The application includes features like undo, save actions, toast notifications, and light/dark theme support. It is built with Next.js for the frontend, Express.js for the backend, and uses Socket.io for real-time communication. TailwindCSS is used for styling, and Zustand for state management.\n\n## Features\n\n- color picker\n- customizable stroke color, stroke width, and dash gap\n- undo, save actions\n- toast notifications\n- light/dark theme\n\n## Tech Stacks\n\n- Next.js\n- TailwindCSS\n- shadcn ui\n- React Hook Form\n- Zod\n- Zustand\n- Express.js\n- Socket.io\n\n## Getting Started\n\nRun this command in the root folder.\n\n```bash\npnpm dev\n```\n\nor\n\nChange the directory into each folder and run.\n\n```bash\ncd server\npnpm dev\n```\n\n```bash\ncd client\npnpm dev\n```\n\nYou can now play around with it.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeo-mena%2Fscribble","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeo-mena%2Fscribble","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeo-mena%2Fscribble/lists"}