{"id":16981677,"url":"https://github.com/mappmechanic/flash-comments","last_synced_at":"2025-07-06T22:08:27.730Z","repository":{"id":41423602,"uuid":"82598927","full_name":"mappmechanic/flash-comments","owner":"mappmechanic","description":"Flash Comments - Realtime Live Commenting using Pusher \u0026 Websockets","archived":false,"fork":false,"pushed_at":"2018-07-05T05:45:20.000Z","size":598,"stargazers_count":17,"open_issues_count":1,"forks_count":16,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-04T03:50:38.354Z","etag":null,"topics":["html","javascript","pusher","vanilla-javascript","websockets"],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/mappmechanic.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}},"created_at":"2017-02-20T20:21:42.000Z","updated_at":"2023-11-11T08:28:16.000Z","dependencies_parsed_at":"2022-09-06T08:52:25.007Z","dependency_job_id":null,"html_url":"https://github.com/mappmechanic/flash-comments","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mappmechanic/flash-comments","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mappmechanic%2Fflash-comments","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mappmechanic%2Fflash-comments/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mappmechanic%2Fflash-comments/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mappmechanic%2Fflash-comments/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mappmechanic","download_url":"https://codeload.github.com/mappmechanic/flash-comments/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mappmechanic%2Fflash-comments/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261682921,"owners_count":23193677,"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":["html","javascript","pusher","vanilla-javascript","websockets"],"created_at":"2024-10-14T02:06:05.019Z","updated_at":"2025-06-24T13:08:11.217Z","avatar_url":"https://github.com/mappmechanic.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# flash-comments\nFlash Comments - Realtime Live Commenting using Pusher \u0026amp; Websockets\n\n[View tutorial](https://pusher.com/tutorials/live-comments-javascript)\n\n## Prerequisite Softwares\n- NodeJS\n- NPM\n- Yarn (Optional)\n\n## Running the Project\nIn order to run the app on your machines, please follow the below given steps:\n\n1. Clone the Repo using the URL - https://github.com/mappmechanic/flash-comments\n\n```\n git clone https://github.com/mappmechanic/flash-comments.git\n```\n\n2. Run either of the following commands to install dependencies\n\n```\n npm install\n```\n\nOR \n\n```\n yarn\n```\n\n3. Signup at [https://pusher.com/signup](https://pusher.com/signup).\n\n4. Create a new app to obtain the API Key, secret \u0026 appId. Also, I have chosen the cluster **'ap2 (Mumbai, India)**, but you will be required to choose a cluster specific to your app users.\n\nReplace the respective key, secret \u0026 appId for pusher initialisation in **server.js** file with your values:\n\n```javascript\n    var pusher = new Pusher({\n    appId: '\u003cyour-app-id\u003e',\n    key: '\u003cyour-api-key\u003e',\n    secret: '\u003cyour-app-secret\u003e',\n    cluster: 'ap2',\n    encrypted: true\n    });\n```\n\n5. Finally you will have to also replace your app-key in **app.js** file too:\n\n```javascript\n ...\n pusher = new Pusher('\u003cyour-api-key\u003e', {\n    cluster: 'ap2',\n    encrypted: true\n }),\n ...\n```\n\n6. Now we are ready to run our app using the following node commands\n\n```\nnode server\n```\n\n7. We will be able to access the app at [http://localhost:9000](http://localhost:9000)\n\nFor Any clarifications or questions Tweet to me at \n[https://twitter.com/mappmechanic](https://twitter.com/mappmechanic)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmappmechanic%2Fflash-comments","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmappmechanic%2Fflash-comments","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmappmechanic%2Fflash-comments/lists"}