Рет қаралды 2,273
👑 A Web front-end ERC-20 token price action chart using NextJS with MongoDB and ChartJS Tutorial.
This amazing token price action chart tutorial will teach you how display a live token price action chart with your custom ERC20 token pair on a liquidity pool like Uniswap!! In this video, we'll show you how to create your own ERC-20 live price chart. This is a great way to track the prices of Ethereum and Uniswap (Matic) tokens in real-time.
By following these simple steps, you'll be able to track the prices of Ethereum and Uniswap (Matic) tokens in real-time, and see how they vary over time. This is a great way to learn more about these cryptocurrencies, and to understand how they're changing over time. So be sure to check out this video, and learn how to create your own ERC-20 live price chart!
Github Tutorial Repo:
github.com/net2devcrypto/erc2...
MongoDB Tutorial:
• New KILLER WEB APP - u...
#mongodb #nextjs #defi
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⡟⠁⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠈⢹⣿⣿⣿
⣿⣿⣿⡇⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⢸⣿⣿⣿
⣿⣿⣿⡇⠄⠄⠄⢠⣴⣾⣵⣶⣶⣾⣿⣦⡄⠄⠄⠄⢸⣿⣿⣿
⣿⣿⣿⡇⠄⠄⢀⣾⣿⣿⢿⣿⣿⣿⣿⣿⣿⡄⠄⠄⢸⣿⣿⣿
⣿⣿⣿⡇⠄⠄⢸⣿⣿⣧⣀⣼⣿⣄⣠⣿⣿⣿⠄⠄⢸⣿⣿⣿
⣿⣿⣿⡇⠄⠄⠘⠻⢷⡯⠛⠛⠛⠛⢫⣿⠟⠛⠄⠄⢸⣿⣿⣿
⣿⣿⣿⡇⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⢸⣿⣿⣿
⣿⣿⣿⣧⡀⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⢡⣀⠄⠄⢸⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣆⣸⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
Join Net2Dev Official Discord!
/ discord
▬▬▬▬▬
SECTIONS 💬 (Watch to the end!)
00:00 - Intro
06:50 - Install Modules
09:50 - Import Modules in NextJS
11:25 - Get Token Price Function
18:05 - Store the Current Token Price in MongoDB
24:30 - Compare Last Token Price with Current Token Price
27:15 - Get and Store a Price Action Change in MongoDB
32:20 - Get Chart Function
38:20 - Export Token Price and Timestamp with useState Hook
41:00 - Build the ChartJS data settings
43:37 - Create the useEffect hook to refresh price changes in Chart.
45:50 - Create the HTML web styling and import Chart
50:00 - Test the Token Price Chart!
56:57 - Ending
▬▬▬▬▬
* THIS TUTORIAL IS FOR EDUCATIONAL PURPOSES ONLY*
** NOT FINANCIAL ADVISE **
** USE IT AT YOUR OWN RISK, I'M NOT RESPONSIBLE FOR ANY USE **
Please support my channel!
Donate to the address: net2dev.eth
Net2Dev Official Website:
www.net2dev.io
Follow me on social media!
#twitter
/ net2dev1
#instagram
/ net2dev
#blockchain #solidity #ethereum #decentralized #reactjs #nextjs