Skip to content
This repository has been archived by the owner on Aug 21, 2024. It is now read-only.

Commit

Permalink
editorial nits for dapps challenge (#544)
Browse files Browse the repository at this point in the history
* editorial nits on crowdfund dapp

* editorial nits in payment dapp challenge
  • Loading branch information
briwylde08 authored Aug 15, 2023
1 parent 45c41e3 commit 57d894f
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 14 deletions.
20 changes: 10 additions & 10 deletions dapps/dapp-challenges/challenge-0-crowdfund.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import { ParentChallengeForm } from "../../src/components/atoms/challenge-form";

# Crowdfund Dapp Challenge

This challenge will guide you through the process of building and shipping a crowdfunding dapp on Stellar using Soroban. You will learn how to deploy smart contracts to futurenet, and how to interact with them through a web frontend. In this context, the term "ship" refers to finalizing the development process of your dapp, ensuring that it functions as expected, and is accessible for user interaction and testing through a hosted frontend. However, it's crucial to clarify that despite its functionality, the dapp is not promoted nor intended for deployment in a production-level setting on futurenet. The challenge is designed for educational purposes, helping you understand how a dapp can be built and interacted with, with further customization and development, it has the potential to evolve into a full-fledged, ready-to-use crowdfunding solution.
This challenge will guide you through the process of building and shipping a crowdfunding dapp on Stellar using Soroban. You will learn how to deploy smart contracts to Futurenet, and how to interact with them through a web frontend. In this context, the term "ship" refers to finalizing the development process of your dapp, ensuring that it functions as expected, and is accessible for user interaction and testing through a hosted frontend. However, it's crucial to clarify that despite its functionality, the dapp is not promoted nor intended for deployment in a production-level setting on Futurenet. The challenge is designed for educational purposes, helping you understand how a dapp can be built and interacted with, with further customization and development, it has the potential to evolve into a full-fledged, ready-to-use crowdfunding solution.

## Checkpoint 0: 📦 Install 📚

Expand All @@ -28,21 +28,21 @@ Required:
- `Node` v18: [Download Node](https://nodejs.org/en/download/)
- `Freighter Wallet`: [Freighter Wallet](https://freighter.app/)

First, Clone the soroban example dapp repo and checkout the `challenge` branch:
First, clone the Soroban example dapp repo and check out the `challenge` branch:

```sh
git clone https://github.com/stellar/soroban-example-dapp
cd soroban-example-dapp
git checkout challenge
```

Then, install Soroban-cli alias installed by running the following command:
Then, install soroban-cli alias by running the following command:

```sh
cargo install_soroban
```

Next, make sure that your Docker daemon is running by either opening [Docker Desktop](https://www.docker.com/products/docker-desktop)(recommended) or following the instructions provided [here](https://docs.docker.com/config/daemon/start/).
Next, make sure that your Docker daemon is running by either opening [Docker Desktop](https://www.docker.com/products/docker-desktop) (recommended) or following the instructions provided [here](https://docs.docker.com/config/daemon/start/).

Then, and build the soroban-preview docker image:

Expand Down Expand Up @@ -103,7 +103,7 @@ Now open your browser and visit [http://localhost:3000](http://localhost:3000).
Now that we have the frontend running, it's time to connect it with our smart contracts.

First, be sure that you have properly configured Freighter Wallet by following the instructions [here](../guides/wallets#connect-a-wallet-freighter).
First, be sure that you have properly configured the Freighter Wallet by following the instructions [here](../guides/wallets#connect-a-wallet-freighter).

Then, add the Standalone network in Freighter:

Expand Down Expand Up @@ -160,7 +160,7 @@ Now that your dapp is fully functional locally, next prepare it for deployment o

Stop the development server by pressing `ctrl+c` in the terminal where it is running.

If you are running docker, now is a good time to stop the stellar and soroban preview containers.
If you are running docker, now is a good time to stop the Stellar and Soroban preview containers.

```sh
docker stop stellar soroban-preview
Expand All @@ -185,7 +185,7 @@ Ensure that you are connected to Futurenet and you should be able to see the fro

Next, you will use the Vercel cli to complete our deployment.

> Note: If you don’t already have a [Vercel account], you will need to create one and link it to your github account.
> Note: If you don’t already have a [Vercel account], you will need to create one and link it to your GitHub account.
[Vercel account]: https://vercel.com/login

Expand All @@ -201,7 +201,7 @@ Then, run the following command to deploy your dapp:
npx vercel
```

Then, continue through the prompts(you will not need to modify any settings) until you reach the completion prompt similar to the following:
Then, continue through the prompts (you will not need to modify any settings) until you reach the completion prompt similar to the following:

```sh
Vercel CLI 30.1.1
Expand All @@ -214,11 +214,11 @@ You can now visit the preview link to see your deployed dapp! 🎉

<img src={deployedDApp} width="90%" />

You will need to add some Futurenet network lumens to your Freighter wallet to interact with the deployed dapp. Visit [https://laboratory.stellar.org/#account-creator?network=futurenet](https://laboratory.stellar.org/#account-creator?network=futurenet), and follow the instructions to create your freighter account on Futurenet.
You will need to add some Futurenet network lumens to your Freighter wallet to interact with the deployed dapp. Visit [https://laboratory.stellar.org/#account-creator?network=futurenet](https://laboratory.stellar.org/#account-creator?network=futurenet), and follow the instructions to create your Freighter account on Futurenet.

## Checkpoint 7: ✅ Complete the Challenge!

Submit your public url to the challenge form.
Submit your public URL to the challenge form.

<ParentChallengeForm courseId={0} />

Expand Down
8 changes: 4 additions & 4 deletions dapps/dapp-challenges/challenge-1-payment.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -187,7 +187,7 @@ You can now check the balance of the receiving account to ensure that the transa

<img src={balance_rcvr} alt="balance receiver" width="50%" />

You can also check the balance of an account with Soroban cli by running the following command:
You can also check the balance of an account with the soroban-cli by running the following command:

```bash
soroban contract invoke \
Expand All @@ -211,7 +211,7 @@ You can upload your dapp to a hosting platform of your choice. You could use pla

For this example, we will use the Vercel cli to complete your deployment

> Note: If you dont already have a [Vercel account], you will need to create one and link it to your github account.
> Note: If you dont already have a [Vercel account], you will need to create one and link it to your GitHub account.
[Vercel account]: https://vercel.com/login

Expand Down Expand Up @@ -255,11 +255,11 @@ Once the deployment is complete, you should see something similar to the followi
You can now visit the preview link to see your deployed dapp! 🎉
You will need to add some Futurenet network lumens to your Freighter wallet to interact with the deployed Dapp. Visit [https://laboratory.stellar.org/#create-account](https://laboratory.stellar.org/#create-account), and follow the instructions to create your freighter account on Futurenet.7
You will need to add some Futurenet network lumens to your Freighter wallet to interact with the deployed dapp. Visit [https://laboratory.stellar.org/#create-account](https://laboratory.stellar.org/#create-account), and follow the instructions to create your Freighter account on Futurenet.7
## Checkpoint 7: ✅ Complete the Challenge!
Submit your public url to the challenge form.
Submit your public URL to the challenge form.
<ParentChallengeForm courseId={1} />
Expand Down

0 comments on commit 57d894f

Please sign in to comment.