Memos

A decentralized application for creating and editing memos on the Internet Computer.

• Frontend: React
• Backend: Motoko actor
• Hosting: Separate canisters on the Internet Computer

Running the project locally

If you want to test your project locally, you can use the following commands:

# Starts the replica, running in the background
dfx start --background

# Deploys your canisters to the replica and generates your candid interface
dfx deploy

Once the job completes, your application will be available at http://localhost:8000?canisterId={asset_canister_id}.

Additionally, if you are making frontend changes, you can start a development server with

npm start

Which will start a server at http://localhost:8080, proxying API requests to the replica at port 8000.

Note on frontend environment variables

If you are hosting frontend code somewhere without using DFX, you may need to make one of the following adjustments to ensure your project does not fetch the root key in production:

• set NODE_ENV to production if you are using Webpack
• use your own preferred method to replace process.env.NODE_ENV in the autogenerated declarations
• Write your own createActor constructor

Candid UI

The Candid UI is pre-packaged with dfx, so there is no additional install.

You can test your actor methods locally with Candid UI. After deploying your canisters, you will be able to open the Candid UI with the following URL:

• http://127.0.0.1:8000/?canisterId={Candid UI Canister Id}&id={Your Canister Id}

To get the Candid UI canister Id, run this command:

dfx canister id __Candid_UI

To get your canister Id, run this command:

dfx canister id {your canister name from dfx.json}