Try me following this link :
The Wallet App
Author - Mike Fernandez
The objective of this project is to propose a simple graphical representation of a cryptocurrency's wallet content.
Use npm to install and run the project.
npm install -y && npm start
To visualize a cryptocurrency name or percentage put your mouse in or out of the cryptocurrency's element of the chart.
To add a cryptocurrency go down to the input field and add its name or symbol and an amount. (It will add it to your wallet taking into account its current price and will automatically update the chart)
To modify a cryptocurrency's amount click on the modify button linked to the cryptocurrency and choose the new amount.
To delete a cryptocurrency click on the delete button linked to the cryptocurrency and confirm.
To check the history of a cryptocurrency just click on it. It will show you all amount changes that have been made since the cryptocurrency was added.
If you don't want to show the value of your wallet you can click on the eye icon present on the top of the page to hide all cryptocurrency's amount and values.
You can change the default theme of the app by clicking oh the sun icon present on the top of the page.
- Handle fetch() errors
- Optimisation (useMemo, useCallback)
- Put asynchronous functions into an Action Creator
- Create a custom hook for Form Inputs
- Add items limit
- Improve responsiveness and theme background
- Add cryptocurrencies value flucuations per day
- Authentification system
- Retrieve wallet info from centralized exchanges (Binance, Kucoin, FTX, ...)
- Filtering system (price, percentage, TVL, ...)
- Drag and drop to change items order
- Add a subgraph for small cryptocurrencies amounts
This project was bootstrapped with Create React App.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent