Create your Own ERC-20 Live Price Chart in minutes! 👑

  Рет қаралды 2,273

net2dev

net2dev

Күн бұрын

👑 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

Пікірлер: 19
@omega3fatass61
@omega3fatass61 Жыл бұрын
can't believe your channel hasn't picked up traction yet, it's one of the few legit quality ones. I'm glad you're monetized now though! 🎉
@net2dev
@net2dev Жыл бұрын
Thank you so much for your feedback! I know it will. Just need to keep supporting amazing viewers like you.
@user-xq3xe9yf2t
@user-xq3xe9yf2t 10 ай бұрын
My friend you are a beast...
@net2dev
@net2dev 10 ай бұрын
Thank you for your support!!
@zero-mn7qg
@zero-mn7qg Жыл бұрын
You never stopped to amazed us Thank you very much Sir 🙏
@net2dev
@net2dev Жыл бұрын
It's my pleasure! Glad you like it. Thank you for your support 😊
@BeatVaultMusic
@BeatVaultMusic Жыл бұрын
thank you so much for this one!!
@net2dev
@net2dev Жыл бұрын
You're so welcome! Thank you for your support!!
@boltskills5183
@boltskills5183 Жыл бұрын
Awesome
@luckyrobertho2802
@luckyrobertho2802 Жыл бұрын
Always amazing! by the way can you make a tutorial how to make token audit dapp (to check scam token)? Thank you!
@inventarit.support
@inventarit.support Жыл бұрын
Please how can I make my token same liquidity price with ethereum
@net2dev
@net2dev Жыл бұрын
You are looking at a token peg. This is a similar approach as algorithmic coins. I will cover this on another vid. But you will need a lot of $$$$ to enable such liquidity. you're basically 1-1 peg to ethereum. you need to hold ETH in the LP Contract equivalent to the supply.
@deltaranzyd1587
@deltaranzyd1587 Жыл бұрын
hey man..this an awesome tutorial..can you do a tutorial too for buy and sells indicators like what poocoin does..it shows green circle for buys and red for sells..that way investors will see their positions in the token chart..thabk you in advance
@harshjumnani7766
@harshjumnani7766 6 ай бұрын
How do i add a picture to my token
@CriptoLeaks
@CriptoLeaks Жыл бұрын
why did you use fetch? if you have axios installed?
@net2dev
@net2dev Жыл бұрын
Both options are valid options, Fetch is native to NextJS. MongoDB integration in NextJS works best with Axios.
@CriptoLeaks
@CriptoLeaks Жыл бұрын
@@net2dev ohh excellent!!! thank you for the light!
@rjbitcoinadvisorygroup6956
@rjbitcoinadvisorygroup6956 Жыл бұрын
you have Solana errors -_app.js. when you run "next dev". "error - ./pages/_app.js:3:0 Module not found: Can't resolve '@solana/web3.js'". Always issues with your projects etc...... Advance or not your product should always be on point and up to date. You waste people's time... Yes, sol has issues regarding the "FTX" issues, is that the problem?? No, not new to this game.
@net2dev
@net2dev Жыл бұрын
Fixed. I've uploaded the wrong file. My apologies for the inconvenience. Thanks for bringing this up.
How Can I Add Value To An ERC20 Token?? Liquidity Pool 🔥
36:45
Let's Build Your OWN Crypto Coin with Solidity | HardHat & Uniswap
31:31
She ruined my dominos! 😭 Cool train tool helps me #gadget
00:40
Go Gizmo!
Рет қаралды 17 МЛН
I Built a Shelter House For myself and Сat🐱📦🏠
00:35
TooTool
Рет қаралды 30 МЛН
Cute Barbie Gadget 🥰 #gadgets
01:00
FLIP FLOP Hacks
Рет қаралды 43 МЛН
1🥺🎉 #thankyou
00:29
はじめしゃちょー(hajime)
Рет қаралды 81 МЛН
Build A Web3 DEX | FULL COURSE | React, Node, Moralis, 1Inch
1:30:29
Create and Sell Your Own ERC-404 Tutorial - Part 2
34:02
Easy Flash Loan Swap Attack Tutorial with Cookbook.dev
37:45
net2dev
Рет қаралды 1,3 М.
Create and Sell Your Own ERC-404 Tutorial - Part 1
11:48
net2dev
Рет қаралды 1,3 М.
Will the battery emit smoke if it rotates rapidly?
0:11
Meaningful Cartoons 183
Рет қаралды 9 МЛН
Best Beast Sounds Handsfree For Multi Phone
0:42
MUN HD
Рет қаралды 341 М.
WWDC 2024 - June 10 | Apple
1:43:37
Apple
Рет қаралды 10 МЛН
😱НОУТБУК СОСЕДКИ😱
0:30
OMG DEN
Рет қаралды 3,5 МЛН
Carregando telefone com carregador cortado
1:01
Andcarli
Рет қаралды 2,7 МЛН