simulai/cancan

A scalable video-sharing service.

CanCan

A scalable video-sharing service.

Installation

Prerequisites

• Internet Computer SDK
• Node.js
• Python
• [email protected]

Double-check you have vessel installed at version 0.6.0, then clone this repository and navigate to the cancan directory.

$ vessel --version
# vessel 0.6.0

$ git clone [email protected]:dfinity/cancan.git
$ cd cancan

Start a local Internet Computer replica.

$ dfx start

Execute the following commands in another terminal tab in the same directory.

$ npm ci # <- This installs packages from the lockfile for consistency

$ ./bootstrap.sh

This will deploy a local canister called cancan_ui and open your default web browser to the app.

Frontend Development

To run a development server with fast refreshing and hot-reloading, you can use this command in the app's root directory:

$ npm run start

Your default browser will open (or focus) a tab at localhost:3000, to which you must then append /?canisterId=${cancan_ui_canister_id}, where cancan_ui_canister_id is typically (at current) ryjl3-tyaaa-aaaaa-aaaba-cai.

Now you can make changes to any frontend code and see instant updates, in many cases not even requiring a page refresh, so UI state is preserved between changes. Occasionally adding a CSS rule won't trigger an update, and the user has to manually refresh to see those changes.

Internet Identity (the app formerly known as IDP) Locally

Clone and setup the project and make sure that the idp_service is deployed, and you have the front-end available. then change our DEFAULT_IDP_URL to reflect where it is running. That should allow you to do auth locally to try out new IDP. For production, we will probably configure auth.ic0.app to be running this canister, but for now this is how to get it running.

TODO

• see issues

Deploying to Mainnet (Beta)

TBD