Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/enzoh/superheroes
A simple example that demonstrates how to build a CRUD application on the Internet Computer using Motoko and React.
https://github.com/enzoh/superheroes
Last synced: 3 months ago
JSON representation
A simple example that demonstrates how to build a CRUD application on the Internet Computer using Motoko and React.
- Host: GitHub
- URL: https://github.com/enzoh/superheroes
- Owner: enzoh
- License: apache-2.0
- Created: 2020-07-10T18:16:25.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-09-01T17:36:23.000Z (over 4 years ago)
- Last Synced: 2024-08-04T00:14:11.222Z (7 months ago)
- Language: JavaScript
- Size: 144 KB
- Stars: 27
- Watchers: 3
- Forks: 10
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-motoko - superheroes - A simple example that demonstrates how to build a CRUD application on the Internet Computer using Motoko and React. (Applications / Games)
README
## Superheroes
[![Build Status](https://github.com/enzoh/superheroes/workflows/build/badge.svg)](https://github.com/enzoh/superheroes/actions?query=workflow%3Abuild)
A simple example that demonstrates how to build a [CRUD](https://en.wikipedia.org/wiki/Create,_read,_update_and_delete) application on the [Internet Computer](https://dfinity.org) using [Motoko](https://sdk.dfinity.org/docs/language-guide/motoko.html) and [React](https://reactjs.org).
### Prerequisites
- [DFINITY SDK](https://sdk.dfinity.org/docs/download.html) v0.6.4
- [Node.js](https://nodejs.org/download/release/latest-v12.x) v12.x
- [Vessel](https://github.com/kritzcreek/vessel/releases/tag/v0.4.1) v0.4.1 (Optional)### Demo
Start a local internet computer.
```
dfx start
```Execute the following commands in another tab.
```
dfx canister create --all
dfx build
dfx canister install --all
open "http://127.0.0.1:8000/?canisterId=$(dfx canister id www)"
```Observe the CRUD application running in your web browser.
[![Result](img/demo.png)](http://www.youtube.com/watch?v=ioCW-9C8feE)