/master2024-dePass

Primary LanguageJavaScript

Crypto Wallet Browser Extension

A Blockchain project of a decentralized crypto wallet which can also be added as Chrome Extension.

Important Note

Never share your passphrase or private keys with anyone and keep them in a safe place. Always test a new blockchain app using a testnet to make yourself sure and avoid any issues later on.

The purpose of this project is just to practice and get blockchain development experience.

➡️ DO NOT USE THIS WALLET AS YOUR MAIN WALLET ⬅️

Because this is just a basic wallet which can recieve/send transactions and so far does not contain rich and robust security features.

Prerequisites

  1. Node Js
  2. NPM
  3. Moralis Account
  4. Alchemy or Infura Developer Account

Technologies Used

  1. React Js - Frontend
  2. Node Js - Backend
  3. Ethers Js
  4. Express Js

Setup

  1. Download or clone the repository using:
git clone https://github.com/alimazhar4/crypto-wallet-browser-extension.git
  1. Navigate to the backend folder and install dependencies:
cd backend
npm install
  1. Do the same for mwallet folder (frontend) :
cd ..
cd mwallet
npm install
  1. Make a .env file in the backend folder and paste your Moralis Web3 API Key at the end:
MORALIS_KEY= <your_moralis_api_key_here>

If you don't have a Moralis Account, you can make one at https://admin.moralis.io

  1. Go to mwallet directory now and make a .env file there as well and paste RPC URLs from your Alchemy or Infura. These RPC URLs are necessary to send transactions
REACT_APP_ETHEREUM_RPC_URL=""
REACT_APP_MUMBAI_RPC_URL=""
REACT_APP_SEPOLIA_RPC_URL=""

Currently I have only added these networks. You can add as many EVM compatible blockchains as you want.

  1. Navigate to the backend directory and do the following in terminal:
node index.js
  1. Now navigate to the mwallet (frontend) directory and dev start the application:
npm start
  1. Now if everythings right, make a production build of the mwallet directory by running:
npm run build

The build folder wil be created in the mwallet directory

  1. Go to Google Chrome (or any of your chromium browser) and open extensions from settings.
  2. Turn on the developer mode and Load Unpack the build folder created after step 8 above.