https://github.com/net2devcrypto/erc20-token-live-price-chart

👑 An ERC-20 token price action chart in NextJS with MongoDB and ChartJS. This amazing token price action chart tutorial will display a live token price action chart with your custom ERC20 token pair on a liquidity pool like Uniswap!!
https://github.com/net2devcrypto/erc20-token-live-price-chart

0x 0xprotocol blockchain chartjs erc20 ethereum mongodb nextjs reactjs trading-chart web3

Last synced: about 2 months ago
JSON representation

👑 An ERC-20 token price action chart in NextJS with MongoDB and ChartJS. This amazing token price action chart tutorial will display a live token price action chart with your custom ERC20 token pair on a liquidity pool like Uniswap!!

• Host: GitHub
• URL: https://github.com/net2devcrypto/erc20-token-live-price-chart
• Owner: net2devcrypto
• Created: 2022-11-04T20:43:40.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-23T00:16:51.000Z (about 2 years ago)
• Last Synced: 2023-03-08T23:48:39.636Z (almost 2 years ago)
• Topics: 0x, 0xprotocol, blockchain, chartjs, erc20, ethereum, mongodb, nextjs, reactjs, trading-chart, web3
• Language: JavaScript
• Homepage:
• Size: 2.22 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# erc20-token-live-price-chart

👑 An ERC-20 token price action chart in NextJS with MongoDB and ChartJS. This amazing token price action chart video tutorial will display a live token price action chart with your custom ERC20 token pair on a liquidity pool like Uniswap!!







 




##

** THE FILES ATTACHED TO THIS REPO ARE FOR EDUCATIONAL PURPOSES ONLY **

** NOT FINANCIAL ADVISE **

** USE IT AT YOUR OWN RISK** **I'M NOT RESPONSIBLE FOR ANY USE, ISSUES ETC.. **

Click for video:

 

* You need a MongoDB demo account and API Key to enable this project *

Follow this tutorial to get started in MongoDB fast:

https://www.youtube.com/watch?v=lbAp42VM8a0&t=256s

Steps to use this Repo


1-Create a new NextJS app:

```shell

npx create-next-app chart

```

2- Install Dependencies:

```shell

cd chart

npm i axios qs

npm i chart.js react-chartjs-2

```

3- Replace all files and folders in your project with the ones attached to this repo.

Add all files and folders to the root project directory "chart", overwrite when prompted.

4- Update index.js adding your MongoDB Atlas API key in quotes:

```shell

const mongokey = "ENTER-YOUR-KEY"

```

ctrl+s to save

** Reminder: The key is not protected using this method**

** Just for educational, learning purposes**

5- Start your application, navigate to the project page and enjoy!

```shell

npm run dev

```

Follow the video tutorial for explanations and guidance!