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

• Vite developer docs
• React quick start guide
• Internet Computer docs
• dfx.json reference schema
• Motoko developer docs
• Mops usage instructions

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.