{"id":16323607,"url":"https://github.com/im-rises/nbody-simulator-react-p5-website","last_synced_at":"2026-04-20T09:32:54.696Z","repository":{"id":166308433,"uuid":"641772257","full_name":"Im-Rises/nbody-simulator-react-p5-website","owner":"Im-Rises","description":"N-Body simulation package demo made in React (bruteforce)","archived":false,"fork":false,"pushed_at":"2023-09-28T02:35:36.000Z","size":1880,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-14T14:48:37.553Z","etag":null,"topics":["gravity","javascript","n-body","nbody","nbody-simulation","package","react","simulation","typescript"],"latest_commit_sha":null,"homepage":"https://im-rises.github.io/nbody-simulator-react-p5-website/","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/Im-Rises.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":"2023-05-17T06:21:04.000Z","updated_at":"2023-09-28T03:41:14.000Z","dependencies_parsed_at":"2024-12-25T22:32:58.426Z","dependency_job_id":null,"html_url":"https://github.com/Im-Rises/nbody-simulator-react-p5-website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Im-Rises/nbody-simulator-react-p5-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Im-Rises%2Fnbody-simulator-react-p5-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Im-Rises%2Fnbody-simulator-react-p5-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Im-Rises%2Fnbody-simulator-react-p5-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Im-Rises%2Fnbody-simulator-react-p5-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Im-Rises","download_url":"https://codeload.github.com/Im-Rises/nbody-simulator-react-p5-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Im-Rises%2Fnbody-simulator-react-p5-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32041380,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"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":["gravity","javascript","n-body","nbody","nbody-simulation","package","react","simulation","typescript"],"created_at":"2024-10-10T22:55:14.464Z","updated_at":"2026-04-20T09:32:54.676Z","avatar_url":"https://github.com/Im-Rises.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# nbody-simulator-react-p5\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\" alt=\"reactLogo\" style=\"height:50px;\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/JavaScript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=F7DF1E\" alt=\"javascriptLogo\" style=\"height:50px;\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Sass-CC6699?style=for-the-badge\u0026logo=sass\u0026logoColor=white\" alt=\"scssLogo\" style=\"height:50px;\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/CSS-239120?\u0026style=for-the-badge\u0026logo=css3\u0026logoColor=white\" alt=\"cssLogo\" style=\"height:50px;\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/p5%20js-ED225D?style=for-the-badge\u0026logo=p5dotjs\u0026logoColor=white\" alt=\"cssLogo\" style=\"height:50px;\"\u003e\n\u003c/p\u003e\n\n## Description\n\nThis is a simple demo of the `nbody-simulator-react-p5` package. It is a nbody simulator made with React and\np5.js.\n\nThe bodies are attracted to each other and by the mouse cursor on click.\n\n## 🚀🚀[You can try it online from your browser](https://im-rises.github.io/nbody-simulator-react-p5-website/) 🚀🚀\n\n## 🚀🚀 [The package is available on npm](https://www.npmjs.com/package/nbody-simulator-react-p5) 🚀🚀\n\n\u003e **Note**  \n\u003e I also made a C++ version for WebGL2 using OpenGL ES 3.0. You can check it\n\u003e out [here](https://github.com/Im-Rises/nbody-simulator-webgl).\n\n\u003e **Note**  \n\u003e I also made a version using Barnes-Hut algorithm. You can check it\n\u003e out [here](https://github.com/Im-Rises/nbody-simulator-barnes-hut-react-p5).\n\n## Screenshots\n\n| Screenshot 1                                                                                                              | Screenshot 2                                                                                                              | \n|---------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------|\n| ![Screenshot1](https://github.com/Im-Rises/nbody-simulator-react-p5/assets/59691442/59dbae4f-bfe8-4923-ad06-cc6abf07db13) | ![Screenshot2](https://github.com/Im-Rises/nbody-simulator-react-p5/assets/59691442/ec62857c-fb48-4049-8a8c-32a0ccc5fa91) |\n\n## Demo video\n\nhttps://github.com/Im-Rises/nbody-simulator-react-p5/assets/59691442/20bc593e-7bd0-4d60-9470-a8caed1a45bd\n\n## GitHub Actions\n\n[![Node.js CI](https://github.com/Im-Rises/nbody-simulator-react-p5-website/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/Im-Rises/nbody-simulator-react-p5-website/actions/workflows/node.js.yml)\n[![ESLint](https://github.com/Im-Rises/nbody-simulator-react-p5-website/actions/workflows/eslint.yml/badge.svg?branch=main)](https://github.com/Im-Rises/nbody-simulator-react-p5-website/actions/workflows/eslint.yml)\n[![CodeQL](https://github.com/Im-Rises/nbody-simulator-react-p5-website/actions/workflows/codeql.yml/badge.svg?branch=main)](https://github.com/Im-Rises/nbody-simulator-react-p5-website/actions/workflows/codeql.yml)\n[![pages-build-deployment](https://github.com/Im-Rises/nbody-simulator-react-p5-website/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/Im-Rises/nbody-simulator-react-p5-website/actions/workflows/pages/pages-build-deployment)\n\nThe project is set up to run the following actions:\n\n[//]: # (- pages-build-deployment : Builds the website and deploys it to GitHub Pages.)\n\n- node.js.yml : Runs the tests for the Node.js project.\n- eslint.yml : Runs the ESLint linter on the project.\n- codeql.yml : Runs the CodeQL linter on the project.\n- pages-build-deployment : Publish the website\n\n## Libraries\n\nReact:  \n\u003chttps://reactjs.org/docs/getting-started.html\u003e\n\nXo:  \n\u003chttps://github.com/xojs/xo\u003e  \n\u003chttps://github.com/xojs/eslint-config-xo-react\u003e  \n\u003chttps://github.com/xojs/eslint-config-xo-typescript\u003e\n\nESLint:  \n\u003chttps://eslint.org/docs/latest/user-guide/getting-started\u003e\n\nGitHub gh-pages:  \n\u003chttps://github.com/gitname/react-gh-pages\u003e\n\nP5.js:  \n\u003chttps://p5js.org/\u003e  \n\u003chttps://www.npmjs.com/package/react-p5\u003e\n\nreact-device-detect:  \n\u003chttps://www.npmjs.com/package/react-device-detect\u003e\n\n## Documentation\n\nThe Coding Challenge (math and physics):  \n\u003chttps://www.youtube.com/watch?v=OAcXnzRNiCY\u003e\n\nP5.js:  \n\u003chttps://p5js.org/\u003e\n\nP5.js React:  \n\u003chttps://www.npmjs.com/package/react-p5\u003e\n\n## Links\n\nCheck the source code\non [![github](https://user-images.githubusercontent.com/59691442/223556058-6244e346-8117-43cd-97c6-bf68611bf286.svg)](https://github.com/im-rises/nbody-simulator-react-p5)\n\nCheck the demo\non [![github](https://user-images.githubusercontent.com/59691442/223556058-6244e346-8117-43cd-97c6-bf68611bf286.svg)](https://github.com/im-rises/nbody-simulator-react-p5-website)\n\nCheck the package\non [![npm](https://user-images.githubusercontent.com/59691442/223556055-4e9ef014-79d4-4136-ac07-b837b49066c8.svg)](https://www.npmjs.com/package/nbody-simulator-react-p5)\n\n## Contributors\n\nQuentin MOREL :\n\n- @Im-Rises\n- \u003chttps://github.com/Im-Rises\u003e\n\n[![GitHub contributors](https://contrib.rocks/image?repo=Im-Rises/nbody-simulator-react-p5-website)](https://github.com/Im-Rises/nbody-simulator-react-p5-website/graphs/contributors)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fim-rises%2Fnbody-simulator-react-p5-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fim-rises%2Fnbody-simulator-react-p5-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fim-rises%2Fnbody-simulator-react-p5-website/lists"}