{"id":18848358,"url":"https://github.com/pmbanugo/realtime-react-datatable","last_synced_at":"2025-06-22T05:03:35.603Z","repository":{"id":76746922,"uuid":"130044589","full_name":"pmbanugo/realtime-react-datatable","owner":"pmbanugo","description":"real-time data-table with React.js and Hamoni Sync","archived":false,"fork":false,"pushed_at":"2019-01-05T10:16:45.000Z","size":104,"stargazers_count":8,"open_issues_count":0,"forks_count":10,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-12T03:16:25.916Z","etag":null,"topics":["data-table","javascript","reactjs","real-time-analytics","realtime","realtime-database"],"latest_commit_sha":null,"homepage":"https://dev.to/pmbanugo/real-time-editable-datagrid-in-react-56ad","language":"JavaScript","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/pmbanugo.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}},"created_at":"2018-04-18T10:17:51.000Z","updated_at":"2022-11-03T16:44:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"064ccf00-a213-4f66-bcd3-1b843e87e088","html_url":"https://github.com/pmbanugo/realtime-react-datatable","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pmbanugo/realtime-react-datatable","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmbanugo%2Frealtime-react-datatable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmbanugo%2Frealtime-react-datatable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmbanugo%2Frealtime-react-datatable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmbanugo%2Frealtime-react-datatable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pmbanugo","download_url":"https://codeload.github.com/pmbanugo/realtime-react-datatable/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pmbanugo%2Frealtime-react-datatable/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261238889,"owners_count":23128877,"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":["data-table","javascript","reactjs","real-time-analytics","realtime","realtime-database"],"created_at":"2024-11-08T03:12:18.809Z","updated_at":"2025-06-22T05:03:30.583Z","avatar_url":"https://github.com/pmbanugo.png","language":"JavaScript","readme":"# realtime-react-datatable\n\nrealtime react datagrid using [Hamoni Sync](https://www.hamoni.tech/) and [react-table](https://react-table.js.org/)\n\n![React app running](https://cdn.filestackcontent.com/O6PAXFmSCeYHhTn8BfRA)\n\n# Setup\n\n* Clone or download this repository\n* Run `npm install` to install its dependencies\n* Copy your Account and Application ID from your [dashboard](https://dashboard.hamoni.tech) if you're already logged in. If you don't have an account, [Register and Login](https://dashboard.hamoni.tech) to Hamoni Sync dashboard\n* Open **server.js** and replace the sring placeholder for account and application ID with values you see on your dashboard.\n* Open **App.js** in src folder. Replace the sring placeholder for account and application ID with values you see on your dashboard.\n* Open the terminal and run `node server.js` to create the initial data to be rendered in the datagrid.\n* Run `npm start` to start the React app.\n\nNow you can change and add new data.\n\nThis [blog post](https://dev.to/pmbanugo/real-time-editable-datagrid-in-react-56ad) describes more details on how this app was built.\n\nFor more on Hamoni Sync, see the doccumentation at [docs.hamoni.tech](https://docs.hamoni.tech)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpmbanugo%2Frealtime-react-datatable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpmbanugo%2Frealtime-react-datatable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpmbanugo%2Frealtime-react-datatable/lists"}