Skip to content

Fixes for create-aleo-app section #456

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dantgw wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Fixes for create-aleo-app section #456

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
9eeae01
Change from using to visiting the link.
dantgw Feb 16, 2025
0e34f15
Changed it's running to the network is running.
dantgw Feb 16, 2025
0fa87e2
Changed the to your
dantgw Feb 16, 2025
643a4ef
Removed Leo badges.
dantgw Feb 17, 2025
573f0e6
fixed tmux commands.
dantgw Feb 17, 2025
ebbebff
Capitalized ctrl
dantgw Feb 17, 2025
d4ac718
Executing and Verifying transactions using the Transaction Cannon
dantgw Feb 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 10 additions & 20 deletions documentation/sdk/create-aleo-app/02_create_aleo_app_full.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,14 +64,15 @@ Right when the node starts, you'll see information for node 0, copy this down!
If you missed it because it scrolled too fast, use these `tmux` commands to scroll up:

```bash
ctrl+b+[ # enter scroll mode to scroll up
ctrl+b+w # see all 4 validator nodes
ctrl+b+:kill-session # kills the session
Ctrl+b [ # enter scroll mode to scroll up
Ctrl+b w # see all 4 validator nodes
Ctrl+b :kill-session # kills the session
q # exit ctrl+b mode
```


<!-- markdown-link-check-disable -->
Check that your network is running by using http://localhost:3030/testnet3/latest/height in your browser. The height should increase as a sign that your network is alive.
Check that your network is running by visiting http://localhost:3030/testnet3/latest/height in your browser. The height should increase as a sign that your network is alive.

## 4. Execute `helloworld.aleo` locally

Expand All @@ -98,7 +99,7 @@ The difference between these two executions is one is using in-browser resources

## 5. Deploying your Program on Devnet

Let’s deploy the `helloworld` program on your local devnet.
Let’s deploy your `helloworld` program on your local devnet.

Deployment requires an account with Aleo credits. Luckily, the devnet you spun up with the private key you jotted down is already seeded with credits. If for some reason that doesn't work, you can generate a new account and use our faucets to get a seeded account. For now, you can skip the [Account Generation](#account-generation) & [Faucet](#faucet) sections below, and go straight to [Deployment Methods](#deployment-methods).

Expand Down Expand Up @@ -144,7 +145,7 @@ https://apiv2.aleo.network/testnet3/transaction/at12u62xwfew2rq32xee8nwhtlxghfjz
<!-- markdown-link-check-disable -->
Remember you a clean devnet running at http://localhost:3030. What we want to do now is to deploy our helloworld program to that network.

Again, make sure it's running: http://localhost:3030/testnet3/latest/height
Again, make sure the network running: http://localhost:3030/testnet3/latest/height
<!-- markdown-link-check-enable -->

### React App WASM Deployment
Expand Down Expand Up @@ -216,9 +217,10 @@ tx-cannon deploy helloworld-deux/build/hellowords.aleo -k <private-key> --fee 3

Again, you can check that your deployment was successful on your network using: http://localhost:3030/testnet3/transaction/your-txn-id.

## 6. Execution On-Chain using the Transaction Cannon
## 6. Executing and Verifying transactions using the Transaction Cannon


Once your program has been deployed on devnet, it's easy to execute your program on-chain. Create a `.toml` file with these parameters:
Once your program has been deployed on devnet, it's easy to interact with your program. Unlike Ethereum, where executions occur on-chain, Aleo performs executions off-chain while verifying them on-chain. Create a `.toml` file with these parameters:

```toml
# helloworld.aleo
Expand All @@ -239,10 +241,6 @@ tx-cannon batch-execute --test helloworld.toml -e http://localhost:3030

There's much more functionality to be explored in the [`tx-cannon` repository](https://github.com/AleoHQ/tx-cannon). You can batch deploy, execute, and transfer, so take advantage of the tool to run development tests on your application!

## 7. Claim your Leo Contributor Badge!

Making it through this tutorial was no easy task, so because you've done it, we'd love to honor you with a Leo contributor badge on Github!

### Pushing your Leo Application to Github

1. Let's get to your project's directory, initialize, and commit your application.
Expand All @@ -266,14 +264,6 @@ git remote -v
git push -u origin main
```

### Claim your Leo badge
1. Go to the Leo repo issues tab [here](https://github.com/AleoHQ/leo/issues/new/choose)
2. Go to 🥇 "Badge" and click "Get Started".
3. Follow the brief instructions and submit.
4. Once your issue is approved, we will add you to the [contributors section](https://github.com/AleoHQ/leo#%EF%B8%8F-contributors) of the Leo README.md file.

Congratulations on becoming a Leo contributor! 🎉

## 8. Recap & Additional Resources

1. You created a React template pre-packaged to use Leo programs. This sets the scaffold for creating an easy React app.
Expand Down