Skip to content
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.

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

Fix several minor typo #530

Merged
merged 4 commits into from
Oct 21, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
16 changes: 8 additions & 8 deletions docs/developers/building/full-stack-dapp.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ keywords: [deploy dapp, full stack app, tutorial, web3, dapp development]

In the following tutorial we will go through a step-by-step guide on how to create a full-stack Hello World App that interacts with Gnosis. This tutorial is designed for either new developers interested in Dapp development or existing devs interested in migrating to Gnosis development.

Throughout the tutorial, feel free to reference other pages in our documentation for information with greater depth - however this tutorial will give you a basic understand of how to get up and running.
Throughout the tutorial, feel free to reference other pages in our documentation for information with greater depth - however this tutorial will give you a basic understanding of how to get up and running.

This Dapp will allow you to wave at Gnosis, and see how many times you have waved.

Expand All @@ -35,7 +35,7 @@ This Dapp will allow you to wave at Gnosis, and see how many times you have wave
* [Hardhat](https://hardhat.org/), a development environment used for smart contract compiling, deploying, testing and debugging.
* [Ethers.js](https://docs.ethers.io/v5/), a library for interacting with Ethereum Virtual Machine (EVM) chains.

First lets initialize your project:
First let's initialize your project:

```bash
mkdir gnosis-full-stack-dapp
Expand All @@ -44,7 +44,7 @@ npm init -y
npm install --save-dev [email protected]
```

Now lets run Hardhat to create a project:
Now let's run Hardhat to create a project:

```bash
npx hardhat
Expand Down Expand Up @@ -104,7 +104,7 @@ Changing greeting from 'Hello, world!' to 'Hola, mundo!'
1 passing (2s)
```

Moving forward, lets delete ```sample-test.js``` under test, ```sample-script.js``` under ```scripts```, and lastly ```Greeter.sol``` under ```contracts```.
Moving forward, let's delete ```sample-test.js``` under test, ```sample-script.js``` under ```scripts```, and lastly ```Greeter.sol``` under ```contracts```.

Make sure not to delete folders, we will be working with them still.

Expand Down Expand Up @@ -141,7 +141,7 @@ contract WavePortal {
```
## Deploying your Contract

To deploy your contract to Gnosis, lets update your config file at `hardhat.config.js`.
To deploy your contract to Gnosis, let's update your config file at `hardhat.config.js`.
For a complete configuration check [hardhat config guide](../smart-contracts/hardhat.md).

```js showLineNumbers title=hardhat.config.js
Expand Down Expand Up @@ -182,7 +182,7 @@ module.exports = {
Proper private key management is critical. To safeguard your private key, it has been added to a .env file, or environment variable file. DO NOT PUSH THIS TO GITHUB OR COMMIT TO SOURCE CONTROL. Even if you delete it after, assume it will live on forever after being committed and is compromised. Add .env to your .gitignore if you plan on committing, or store securely it in an environment variable.
:::

Lets install dotenv, to safekeep your private key:
Let's install dotenv, to safekeep your private key:

```bash
npm install --save dotenv
Expand Down Expand Up @@ -271,7 +271,7 @@ const App = () => {

Lastly, in the Replit ```utils``` folder, we need to replace the ```WavePortals.json``` file with the generated json from when you deployed your contract.

In the repository you worked on you smart contracts, navigate to ```artifacts/contracts/WavePortal.sol/WavePortal.json```, and copy that whole file into the replit file talked about above.
In the repository you worked on your smart contracts, navigate to ```artifacts/contracts/WavePortal.sol/WavePortal.json```, and copy that whole file into the replit file talked about above.

The file should look something like this:

Expand All @@ -294,4 +294,4 @@ Congrats! You have created a full-stack DApp on Gnosis.

Make sure to wave at Gnosis.

![Diagram2](/img/full-stack-dapp/full-stack-dapp-finished.JPG)
![Diagram2](/img/full-stack-dapp/full-stack-dapp-finished.JPG)
2 changes: 1 addition & 1 deletion docs/developers/building/nft.md
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@ contract gnosisNft is Ownable, ERC721("GnosisNft", "GNOT") {
```
3. Now that you've got that all coded up, it's time to compile and deploy. You can also [see here](/developers/smart-contracts/hardhat) for more deployment info. Run from project root:
```bash
npx hardhart compile
npx hardhat compile
```
This should compile without errors. Create a directory called scripts, and within it add a file called deploy.js. Add the following:
```javascript showLineNumbers
Expand Down
4 changes: 2 additions & 2 deletions docs/developers/interact/rainbowkit-wagmi.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -218,7 +218,7 @@ function MyApp({ Component, pageProps }) {
}
```

We just wrapped out website "object" with the RainbowKit wrapper and let it know we want to support these "chains" (the chains we chose in "configureChains"). Then we wrapped this entire wrapping with the WagmiConfig wrapper and set it to the wagmiClient (that set the type of wallets we will support and the RPC providers). That's alot of wrapping but at the end, your _app.js file should look like this:
We just wrapped out website "object" with the RainbowKit wrapper and let it know we want to support these "chains" (the chains we chose in "configureChains"). Then we wrapped this entire wrapping with the WagmiConfig wrapper and set it to the wagmiClient (that set the type of wallets we will support and the RPC providers). That's a lot of wrapping but at the end, your _app.js file should look like this:

```js showLineNumbers
import "../styles/globals.css";
Expand Down Expand Up @@ -394,4 +394,4 @@ export default MyApp;

```

With this final setup, you will not be able to support Gnosis chain with Rainbow Kit + Wagmi
With this final setup, you will now be able to support Gnosis chain with Rainbow Kit + Wagmi
Loading