|
1 |
| -# Astro Starter Kit: Basics |
| 1 | +# Binary Search Tree Visualizer |
| 2 | +<img src="src/images/favicon.svg" alt="logo" style="width:200px;"/> |
2 | 3 |
|
3 |
| -```sh |
4 |
| -npm create astro@latest -- --template basics |
5 |
| -``` |
| 4 | +<hr> |
6 | 5 |
|
7 |
| -[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics) |
8 |
| -[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics) |
9 |
| -[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json) |
| 6 | +[](https://github.com/adammehaney/Binary-Search-Tree-Visualizer/actions/workflows/deploy.yml) |
10 | 7 |
|
11 |
| -> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun! |
| 8 | +This website provides a simple way to visualize a Binary Search Tree for personal projects, education, and more! |
12 | 9 |
|
13 |
| - |
| 10 | +## Features |
| 11 | +### Current Features |
| 12 | +- Add values to a binary search tree |
| 13 | +- Delete values from a binary search tree |
| 14 | +- Generate random binary search trees |
| 15 | +- See a preorder, postorder, or inorder list of a binary search tree |
14 | 16 |
|
15 |
| -## 🚀 Project Structure |
| 17 | +### Possible Future Features |
| 18 | +- Exporting binary search trees in various ways |
| 19 | +- Better explanations for inorder, preorder, postorder, adding, removing, etc. |
| 20 | +- Animations when editing trees |
| 21 | +- Expanded visualizations of preorder, postorder, and inorder |
16 | 22 |
|
17 |
| -Inside of your Astro project, you'll see the following folders and files: |
18 |
| - |
19 |
| -```text |
20 |
| -/ |
21 |
| -├── public/ |
22 |
| -│ └── favicon.svg |
23 |
| -├── src/ |
24 |
| -│ ├── components/ |
25 |
| -│ │ └── Card.astro |
26 |
| -│ ├── layouts/ |
27 |
| -│ │ └── Layout.astro |
28 |
| -│ └── pages/ |
29 |
| -│ └── index.astro |
30 |
| -└── package.json |
31 |
| -``` |
32 |
| - |
33 |
| -Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. |
34 |
| - |
35 |
| -There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. |
36 |
| - |
37 |
| -Any static assets, like images, can be placed in the `public/` directory. |
38 |
| - |
39 |
| -## 🧞 Commands |
40 |
| - |
41 |
| -All commands are run from the root of the project, from a terminal: |
42 |
| - |
43 |
| -| Command | Action | |
44 |
| -| :------------------------ | :----------------------------------------------- | |
45 |
| -| `npm install` | Installs dependencies | |
46 |
| -| `npm run dev` | Starts local dev server at `localhost:4321` | |
47 |
| -| `npm run build` | Build your production site to `./dist/` | |
48 |
| -| `npm run preview` | Preview your build locally, before deploying | |
49 |
| -| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | |
50 |
| -| `npm run astro -- --help` | Get help using the Astro CLI | |
51 |
| - |
52 |
| -## 👀 Want to learn more? |
53 |
| - |
54 |
| -Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). |
| 23 | +## How to Export |
| 24 | +As of now, you can right click on the tree and save it as an image in a browser of your choice. |
0 commit comments