{"id":17788283,"url":"https://github.com/nickytonline/collabiano","last_synced_at":"2025-03-16T09:32:39.521Z","repository":{"id":214211957,"uuid":"735949663","full_name":"nickytonline/collabiano","owner":"nickytonline","description":"A Collaborative Piano","archived":false,"fork":false,"pushed_at":"2024-10-21T12:21:35.000Z","size":7225,"stargazers_count":10,"open_issues_count":3,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-21T13:44:08.397Z","etag":null,"topics":["astro","partykit","reactjs","typescript"],"latest_commit_sha":null,"homepage":"https://collabiano.com","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/nickytonline.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":null,"code_of_conduct":"CODE-OF-CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"nickytonline","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2023-12-26T14:47:45.000Z","updated_at":"2024-10-21T12:21:38.000Z","dependencies_parsed_at":"2024-01-07T04:37:26.769Z","dependency_job_id":"4cf2a79f-1e8c-4473-9752-d64bd4a4991d","html_url":"https://github.com/nickytonline/collabiano","commit_stats":null,"previous_names":["nickytonline/snap-multicam","nickytonline/collabiano"],"tags_count":0,"template":false,"template_full_name":"nickytonline/astro-partykit-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fcollabiano","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fcollabiano/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fcollabiano/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fcollabiano/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nickytonline","download_url":"https://codeload.github.com/nickytonline/collabiano/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221661528,"owners_count":16859536,"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","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":["astro","partykit","reactjs","typescript"],"created_at":"2024-10-27T10:18:18.002Z","updated_at":"2024-10-27T10:18:18.547Z","avatar_url":"https://github.com/nickytonline.png","language":"TypeScript","funding_links":["https://github.com/sponsors/nickytonline"],"categories":["TypeScript"],"sub_categories":[],"readme":"# Collabiano\n\nThis is a collaborative piano built with [Astro](https://astro.build) and [Partykit](https://partykit.io) using [React](https://reactjs.org/).\n\nThe project was a challenge to build a real-time, multiplayer web app for [Jason Lengstorf](https://www.youtube.com/@learnwithjason)'s 4 Web Devs, 1 App Idea.\n\n[![4 Web Devs, 1 App Idea: Build a real-time, multiplayer web app](yt-video-thumbnail.jpg)](https://www.youtube.com/watch?v=DbaBeLDU-oY)\n\n## 🧞 Commands\n\nAll commands are run from the root of the project, from a terminal:\n\n| Command                   | Action                                                                                                             |\n| :------------------------ | :----------------------------------------------------------------------------------------------------------------- |\n| `npm install`             | Installs dependencies                                                                                              |\n| `npm run dev`             | Starts local dev server at `localhost:4321` as well as partykit on `localhost:1999`                                |\n| `ntl dev`                 | Starts Netlify integration along with local dev server at `localhost:8888` as well as partykit on `localhost:1999` |\n| `npm run build`           | Build your production site to `./dist/`                                                                            |\n| `npm run preview`         | Preview your build locally, before deploying                                                                       |\n| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check`                                                                   |\n| `npm run astro -- --help` | Get help using the Astro CLI                                                                                       |\n\nIf you plan to use Netlify, you need to install the [Netlify CLI](https://docs.netlify.com/cli/get-started/) to run `ntl dev`.\n\n## 👀 Want to learn more about Astro?\n\nFeel free to check [their documentation](https://docs.astro.build) or jump into their [Discord server](https://astro.build/chat).\n\n## 👀 Want to learn more about Partykit?\n\nFeel free to check [their documentation](https://docs.partykit.io/) or jump into their [Discord server](https://discord.gg/KDZb7J4uxJ).\n\n## 🚀 Project Structure\n\nInside of your Astro project, you'll see the following folders and files:\n\n```text\n/\n├── public/\n├── party/\n│   └── index.ts\n├── src/\n│   └── components/\n│       └── Party.tsx\n│   └── pages/\n│       └── index.astro\n│       └── chat/\n│           └── index.astro\n└── package.json\n```\n\nAstro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.\n\n`src/components/` is where components go, Astro/React/Vue/Svelte/Preact components. For this starter project, we're using React, but feel free to switch to your favorite framework.\n\nAny static assets, like images, can be placed in the `public/` directory.\n\n## Deployment\n\n### Deploy to Netlify\n\nThe project is configured to deploy to Netlify. For more information on deploying to Netlify, see [A Step-by-Step Guide: Deploying on Netlify](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/).\n\nIf you'd like to deploy via the Netlify CLI, you can run the following commands:\n\n```bash\nnpm install netlify-cli -g # Install the Netlify CLI\nnetlify init # Connect your project to Netlify\nnetlify deploy --build # Deploy your site add --prod for production\n```\n\n### Deploy to Partykit\n\nFor the Partykit side of things you can use the [Partykit CLI](https://docs.partykit.io/cli).\n\n```bash\nnpx partykit deploy\n```\n\nFor more information see their [documentation](https://docs.partykit.io/).\n\n## Thanks\n\nThanks to Astro, Partykit, React for making this possible along with [freesound.org](https://freesound.org) for the samples notes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickytonline%2Fcollabiano","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnickytonline%2Fcollabiano","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickytonline%2Fcollabiano/lists"}