template_assets

Superheroes

This example demonstrates how to build a CRUD application on the Internet Computer using Motoko and React.

Prerequisites

Verify the following before running this demo:

• You have downloaded and installed Node.js.

• You have downloaded and installed the DFINITY Canister SDK.

• You have stopped any Internet Computer or other network process that would create a port conflict on 8000.

Run for FE

1. Build your front-end.

   npm install
   

  npm start

Run for FE, Motoko

1. Start a local internet computer.

   dfx start
   

2. Open a new terminal window.

3. Reserve an identifier for your canister.

   dfx canister create --all
   

4. Build your front-end.

   npm install
   

5. Build your canister.

   dfx build superheroes
   

6. Deploy your canister.

dfx canister install superheroes --argument="(principal "$(dfx identity get-principal)")"

```text
npm start:dev

1. Take note of the URL at which the canister is accessible.

   echo "http://localhost:8000/?canisterId=$(dfx canister id www)"
   

2. Open the aforementioned URL in your web browser.