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.