{"id":13504666,"url":"https://github.com/BrandonArmand/Binari","last_synced_at":"2025-03-29T22:30:55.729Z","repository":{"id":47705480,"uuid":"228118187","full_name":"BrandonArmand/Binari","owner":"BrandonArmand","description":"Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of Data Structures.","archived":false,"fork":false,"pushed_at":"2024-07-04T11:28:44.000Z","size":1077,"stargazers_count":181,"open_issues_count":18,"forks_count":113,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-11-01T02:34:15.549Z","etag":null,"topics":["binary-tree","canvas","contributions-welcome","educational","fundamentals","hacktoberfest","html5","javascript","live","open-source","p5js","react","reactjs","tutorial","website"],"latest_commit_sha":null,"homepage":"https://binari.dev","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/BrandonArmand.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2019-12-15T02:31:18.000Z","updated_at":"2024-10-26T10:11:29.000Z","dependencies_parsed_at":"2024-01-09T08:25:08.518Z","dependency_job_id":"6dbb4776-4040-4f24-958d-525e2714a5f8","html_url":"https://github.com/BrandonArmand/Binari","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrandonArmand%2FBinari","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrandonArmand%2FBinari/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrandonArmand%2FBinari/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrandonArmand%2FBinari/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BrandonArmand","download_url":"https://codeload.github.com/BrandonArmand/Binari/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246254077,"owners_count":20747946,"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":["binary-tree","canvas","contributions-welcome","educational","fundamentals","hacktoberfest","html5","javascript","live","open-source","p5js","react","reactjs","tutorial","website"],"created_at":"2024-08-01T00:00:49.076Z","updated_at":"2025-03-29T22:30:54.700Z","avatar_url":"https://github.com/BrandonArmand.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":["Misc"],"readme":"# [Binari](https://binari.dev) v0.9.0\n\n[![Open Source Helpers](https://www.codetriage.com/brandonarmand/binari/badges/users.svg)](https://www.codetriage.com/brandonarmand/binari)\n[![first-timers-only](https://img.shields.io/badge/first--timers--only-friendly-blue.svg?style=flat-square)](https://www.firsttimersonly.com/)\n[![Netlify Status](https://api.netlify.com/api/v1/badges/bc927965-8d4c-490b-b2cf-44d05c36b24e/deploy-status)](https://app.netlify.com/sites/binari/deploys)\n[![DeepScan grade](https://deepscan.io/api/teams/7989/projects/10120/branches/136074/badge/grade.svg)](https://deepscan.io/dashboard#view=project\u0026tid=7989\u0026pid=10120\u0026bid=136074)\n\nInteractive code editor with a live binary tree visual designed to teach new developers the fundamentals of data structures and algorithms.\n\n### Site Navigation\n\n* [Home](https://binari.dev) - Basic introduction to the application.\n* [Playground](https://binari.dev/playground) - The primary learning route. Includes the code editor and canvas.\n* [About](https://binari.dev/about) - Application description w/ github API integration for contributor info.\n\n[![Home](https://user-images.githubusercontent.com/27185256/205257676-b8e4eea5-f5a3-414f-b200-942d1ee53a30.png)](https://binari.dev/)\n[![Binari](https://user-images.githubusercontent.com/27185256/205258584-61bcd4a3-e025-4338-bcc2-fcad0fcfd4af.png)](https://binari.dev/playground)\n[![About](https://user-images.githubusercontent.com/27185256/205262044-a001f03a-3284-4ef0-9689-6d118e5b0e1f.png)](https://binari.dev/playground)\n\n## Built With\n\n* [React](https://reactjs.org) - Front-End Framework.\n* [P5](https://p5js.org) - Canvas editor.\n* [Material UI Pro](https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/tutorial) - Design System.\n\n## Contributing\n[![Issues](https://img.shields.io/github/issues-raw/brandonarmand/binari?maxAge=25000)](https://github.com/brandonarmand/binari/issues)  \nAnyone can help. We welcome first-time contributors, as well as experienced contributors.\n\nThere is plenty to do for both developers and designers of every skill level. Check out the issues, or pitch your own ideas.\n\n### Starting points.\n- New to open-source? I suggest fixing a spelling error or try doing a [first-timers-only](https://github.com/BrandonArmand/Binari/issues?q=is%3Aissue+is%3Aopen+label%3Afirst-timers-only) issue.\n- Expert on all things binary tree? Try [building a lesson](https://github.com/BrandonArmand/Binari/issues/8).\n- Designer? Don't be shy, we could use some work with our [designs](https://github.com/BrandonArmand/Binari/issues/7).\n\n### Rules\n1. Read the rules!\n2. Issues tagged with `first-timers-only` are reserved for new contributors. Let them have a chance.\n3. Each pull request should only introduce a single update at a time. Do not reference multiple issues that are unrelated to one-another.\n4. Attempt to match the coding style of the project.\n5. Adhere to the Code of Conduct, outlined below.\n\n### Setup and Contributing Changes\n1) Fork the repo into your GitHub account (available in the top right corner).\n\n2) Clone the forked repo.\n```\ngit clone https://github.com/\u003cyourgithubaccount\u003e/Binari.git\n```\n\n3) Navigate to the Binari directory and create/switch to a new branch.\n```\ncd Binari\ngit checkout -b \u003cbranch-name\u003e\n```\n\n4) Make changes to files. To see the changes you are making reflected in the application, run\n```\nnpm install\nnpm start\n```\nBuild the project.\n\n5) Add the edited files and commit your changes.\n```\ngit add \u003cfiles\u003e\ngit commit -m \"\u003cadd message describing your changes\u003e\"\n```\n\n6) Push the changes to the remote repo.\n```\ngit push -u origin \u003cbranch-name\u003e\n```\nIn the future, you can simply push to this branch by running `git push`.\n\n7) Navigate back to your forked version of the project, where GitHub will ask if you would like to open a Pull Request. Create a PR, adding a description of your changes, the purpose of the changes, and a link to the issue you are solving.\n\n8) Your PR will be reviewed by other members, who will either approve the merge or request changes.\n\n### Contributors\n\n\u003ca href=\"https://github.com/BrandonArmand/Binari/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=BrandonArmand/Binari\" /\u003e\n\u003c/a\u003e\n\nMade with [contrib.rocks](https://contrib.rocks).\n              \n### Stargazers\n[![Stargazers over time](https://starchart.cc/BrandonArmand/Binari.svg?variant=adaptive)](https://starchart.cc/BrandonArmand/Binari)\n\n## Code of Conduct\n\n[CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)\n\nIn the interest of fostering an open and welcoming environment, we as\ncontributors and maintainers pledge to making participation in our project and\nour community a harassment-free experience for everyone, regardless of age, body\nsize, disability, ethnicity, sex characteristics, gender identity and expression,\nlevel of experience, education, socio-economic status, nationality, personal\nappearance, race, religion, or sexual identity and orientation.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FBrandonArmand%2FBinari","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FBrandonArmand%2FBinari","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FBrandonArmand%2FBinari/lists"}