-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
89f66fa
commit 73ed7b6
Showing
1 changed file
with
18 additions
and
48 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,54 +1,24 @@ | ||
# Astro Starter Kit: Basics | ||
# Binary Search Tree Visualizer | ||
<img src="src/images/favicon.svg" alt="logo" style="width:200px;"/> | ||
|
||
```sh | ||
npm create astro@latest -- --template basics | ||
``` | ||
<hr> | ||
|
||
[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics) | ||
[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics) | ||
[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json) | ||
[](https://github.com/adammehaney/Binary-Search-Tree-Visualizer/actions/workflows/deploy.yml) | ||
|
||
> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun! | ||
This website provides a simple way to visualize a Binary Search Tree for personal projects, education, and more! | ||
|
||
 | ||
## Features | ||
### Current Features | ||
- Add values to a binary search tree | ||
- Delete values from a binary search tree | ||
- Generate random binary search trees | ||
- See a preorder, postorder, or inorder list of a binary search tree | ||
|
||
## 🚀 Project Structure | ||
### Possible Future Features | ||
- Exporting binary search trees in various ways | ||
- Better explanations for inorder, preorder, postorder, adding, removing, etc. | ||
- Animations when editing trees | ||
- Expanded visualizations of preorder, postorder, and inorder | ||
|
||
Inside of your Astro project, you'll see the following folders and files: | ||
|
||
```text | ||
/ | ||
├── public/ | ||
│ └── favicon.svg | ||
├── src/ | ||
│ ├── components/ | ||
│ │ └── Card.astro | ||
│ ├── layouts/ | ||
│ │ └── Layout.astro | ||
│ └── pages/ | ||
│ └── index.astro | ||
└── package.json | ||
``` | ||
|
||
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. | ||
|
||
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. | ||
|
||
Any static assets, like images, can be placed in the `public/` directory. | ||
|
||
## 🧞 Commands | ||
|
||
All commands are run from the root of the project, from a terminal: | ||
|
||
| Command | Action | | ||
| :------------------------ | :----------------------------------------------- | | ||
| `npm install` | Installs dependencies | | ||
| `npm run dev` | Starts local dev server at `localhost:4321` | | ||
| `npm run build` | Build your production site to `./dist/` | | ||
| `npm run preview` | Preview your build locally, before deploying | | ||
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | | ||
| `npm run astro -- --help` | Get help using the Astro CLI | | ||
|
||
## 👀 Want to learn more? | ||
|
||
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). | ||
## How to Export | ||
As of now, you can right click on the tree and save it as an image in a browser of your choice. |