DBANK - A Decentralized Bank

DBANK allows users to top up, withdraw, check balances, and compound interest.

Live Demo:

https://ronaldolipata.github.io/dbank/

To run the project

Make sure that Node.js >= 16 and dfx >= 0.14 are installed on your system.

Run the following commands in a new, empty project directory:

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

dfx deploy # Run when there are changes made to the backend

When ready, run dfx deploy --network ic to deploy your application to the Internet Computer.

Technology Stack

Vite: high-performance tooling for front-end web development
React: a component-based UI library
TypeScript: JavaScript extended with syntax for types
Sass: an extended syntax for CSS stylesheets
Prettier: code formatting for a wide range of supported languages
Motoko: a safe and simple programming language for the Internet Computer
Mops: an on-chain community package manager for Motoko
mo-dev: a live reload development server for Motoko

Documentation

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 <package-name>. Here is a list of available packages.
Split your frontend and backend console output by running npm run frontend and npm run backend in separate terminals.

Template Credits

This project uses a template from vite-react-motoko by Ryan Vandersmith. I extend my gratitude to the contributors and maintainers of this repository for their work, which served as the foundation of the project.