Crypto-Portfolio App is a single-page application (SPA) that allows users to manage and monitor their cryptocurrency portfolio. Users can add tokens to their watch list, view current and historical balances, check token allowances, and perform token operations like transfers and approvals.
- Connect wallet MetaMask or input wallet address
- Add tokens to watch list
- View current token balances
- View historical token balances with date selection
- Check token allowances for different smart contracts
- Transfer tokens to other addresses
- Frontend: React
- Blockchain Interaction: ethers.js and Web3.js
- Backend: Node.js with Express
- Database: MongoDB
-
Clone the repository: git clone https://github.com/rajput999/Token-Management-Dashboard.git
-
Navigate to the project directory: cd Token-Management-Dashboard
-
Install dependencies for both frontend and backend: cd frontend && yarn install and npm install cd ../backend && npm install
-
Create
.env
files in backend directories and add necessary environment variables given in .env.example in backend directory -
Start the backend server: cd backend && npm run server
-
In a new terminal, start the frontend development server: cd frontend && npm start
-
Open your browser and visit
http://localhost:3000
to view the app.
- Connect your wallet by metamask or enter a wallet address.
- Add tokens to your watch list using their contract addresses.
- View your current token balances in the main dashboard.
- Use the date picker to view historical balances.
- Check token allowances for specific smart contracts.
- Transfer tokens by entering the recipient's address and the amount.