Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/BrandonArmand/Binari
Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of Data Structures.
https://github.com/BrandonArmand/Binari
binary-tree canvas contributions-welcome educational fundamentals hacktoberfest html5 javascript live open-source p5js react reactjs tutorial website
Last synced: 4 months ago
JSON representation
Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of Data Structures.
- Host: GitHub
- URL: https://github.com/BrandonArmand/Binari
- Owner: BrandonArmand
- License: mit
- Created: 2019-12-15T02:31:18.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-07-04T11:28:44.000Z (8 months ago)
- Last Synced: 2024-08-02T00:25:23.848Z (7 months ago)
- Topics: binary-tree, canvas, contributions-welcome, educational, fundamentals, hacktoberfest, html5, javascript, live, open-source, p5js, react, reactjs, tutorial, website
- Language: JavaScript
- Homepage: https://binari.dev
- Size: 1.03 MB
- Stars: 176
- Watchers: 7
- Forks: 107
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-for-beginners - Binari - for-grabs)_ <br> Interactive code editor with a live binary tree visual designed to teach new developers the fundementals of dynamic programming. (JavaScript)
- fucking-awesome-for-beginners - Binari - for-grabs)_ <br> Interactive code editor with a live binary tree visual designed to teach new developers the fundementals of dynamic programming. (JavaScript)
README
# [Binari](https://binari.dev) v0.9.0
[](https://www.codetriage.com/brandonarmand/binari)
[](https://www.firsttimersonly.com/)
[](https://app.netlify.com/sites/binari/deploys)
[](https://deepscan.io/dashboard#view=project&tid=7989&pid=10120&bid=136074)
Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of data structures and algorithms.
### Site Navigation
* [Home](https://binari.dev) - Basic introduction to the application.
* [Playground](https://binari.dev/playground) - The primary learning route. Includes the code editor and canvas.
* [About](https://binari.dev/about) - Application description w/ github API integration for contributor info.
[](https://binari.dev/)
[](https://binari.dev/playground)
[](https://binari.dev/playground)
## Built With
* [React](https://reactjs.org) - Front-End Framework.
* [P5](https://p5js.org) - Canvas editor.
* [Material UI Pro](https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/tutorial) - Design System.
## Contributing
[](https://github.com/brandonarmand/binari/issues)
Anyone can help. We welcome first-time contributors, as well as experienced contributors.
There is plenty to do for both developers and designers of every skill level. Check out the issues, or pitch your own ideas.
### Starting points.
- 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.
- Expert on all things binary tree? Try [building a lesson](https://github.com/BrandonArmand/Binari/issues/8).
- Designer? Don't be shy, we could use some work with our [designs](https://github.com/BrandonArmand/Binari/issues/7).
### Rules
1. Read the rules!
2. Issues tagged with `first-timers-only` are reserved for new contributors. Let them have a chance.
3. Each pull request should only introduce a single update at a time. Do not reference multiple issues that are unrelated to one-another.
4. Attempt to match the coding style of the project.
5. Adhere to the Code of Conduct, outlined below.
### Setup and Contributing Changes
1) Fork the repo into your GitHub account (available in the top right corner).
2) Clone the forked repo.
```
git clone https://github.com//Binari.git
```
3) Navigate to the Binari directory and create/switch to a new branch.
```
cd Binari
git checkout -b
```
4) Make changes to files. To see the changes you are making reflected in the application, run
```
npm install
npm start
```
Build the project.
5) Add the edited files and commit your changes.
```
git add
git commit -m ""
```
6) Push the changes to the remote repo.
```
git push -u origin
```
In the future, you can simply push to this branch by running `git push`.
7) 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.
8) Your PR will be reviewed by other members, who will either approve the merge or request changes.
### Contributors
Made with [contrib.rocks](https://contrib.rocks).
### Stargazers
[](https://starchart.cc/BrandonArmand/Binari)
## Code of Conduct
[CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)
In the interest of fostering an open and welcoming environment, we as
contributors and maintainers pledge to making participation in our project and
our community a harassment-free experience for everyone, regardless of age, body
size, disability, ethnicity, sex characteristics, gender identity and expression,
level of experience, education, socio-economic status, nationality, personal
appearance, race, religion, or sexual identity and orientation.
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details