https://github.com/tomkoom/ckbtc
https://github.com/tomkoom/ckbtc
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/tomkoom/ckbtc
- Owner: tomkoom
- Created: 2024-03-15T09:22:08.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-22T10:51:58.000Z (about 2 years ago)
- Last Synced: 2025-01-23T18:49:24.356Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://b62ho-zyaaa-aaaag-ak3oq-cai.icp0.io
- Size: 1.46 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vite + React + Motoko
### Get started directly in your browser:
[](https://gitpod.io/#https://github.com/rvanasa/vite-react-motoko)
This template gives you everything you need to build a full-stack Web3 application on the [Internet Computer](https://internetcomputer.org/).
For an example of a real-world dapp built using this starter project, check out the [source code](https://github.com/dfinity/feedback) for DFINITY's [Developer Experience Feedback Board](https://dx.internetcomputer.org/).
## 📦 Create a New Project
Make sure that [Node.js](https://nodejs.org/en/) `>= 16` and [`dfx`](https://internetcomputer.org/docs/current/developer-docs/build/install-upgrade-remove) `>= 0.14` are installed on your system.
Run the following commands in a new, empty project directory:
```sh
npx degit rvanasa/vite-react-motoko # Download this starter project
dfx start --clean --background # Run dfx in the background
npm run setup # Install packages, deploy canisters, and generate type bindings
npm start # Start the development server
```
When ready, run `dfx deploy --network ic` to deploy your application to the Internet Computer.
## 🛠️ Technology Stack
- [Vite](https://vitejs.dev/): high-performance tooling for front-end web development
- [React](https://reactjs.org/): a component-based UI library
- [TypeScript](https://www.typescriptlang.org/): JavaScript extended with syntax for types
- [Sass](https://sass-lang.com/): an extended syntax for CSS stylesheets
- [Prettier](https://prettier.io/): code formatting for a wide range of supported languages
- [Motoko](https://github.com/dfinity/motoko#readme): a safe and simple programming language for the Internet Computer
- [Mops](https://mops.one): an on-chain community package manager for Motoko
- [mo-dev](https://github.com/dfinity/motoko-dev-server#readme): a live reload development server for Motoko
## 📚 Documentation
- [Vite developer docs](https://vitejs.dev/guide/)
- [React quick start guide](https://react.dev/learn)
- [Internet Computer docs](https://internetcomputer.org/docs/current/developer-docs/ic-overview)
- [`dfx.json` reference schema](https://internetcomputer.org/docs/current/references/dfx-json-reference/)
- [Motoko developer docs](https://internetcomputer.org/docs/current/developer-docs/build/cdks/motoko-dfinity/motoko/)
- [Mops usage instructions](https://j4mwm-bqaaa-aaaam-qajbq-cai.ic0.app/#/docs/install)
## 💡 Tips and Tricks
- Customize your project's code style by editing the `.prettierrc` file and then running `npm run format`.
- Reduce the latency of update calls by passing the `--emulator` flag to `dfx start`.
- Install a Motoko package by running `npx ic-mops add `. Here is a [list of available packages](https://mops.one/).
- Split your frontend and backend console output by running `npm run frontend` and `npm run backend` in separate terminals.