CryptoVerse: a Crypto Tracking app made with ReactJS, NodeJs, EJS, Vanilla JS and axios, Cheerio
CryptoVerse – Crypto Tracker, Portfolio, Events, News
CryptoVerse is a full Responsive Crypto Tracking app made with ReactJS, NodeJs, EJS, Vanilla JS and axios, Cheerio that has following features
Crypto Currency Tracker,Crypto Portfolio Tracker, Crypto News, Coin Events, Crypto Top Loser and Gainer, Crypto Dictionary.
The Technologies Used are: NodeJs, ReactJs, Jquery, EJS, Axios, Cheerio, Bootstrap, VanillaJS.
- NodeJs
- ReactJs
- Jquery
- EJS ( For Rendering data from extracted URL)
- Axios (For URL Fetching)
- Cheerio (For Scrapping Coingecko Data)
- Bootstrap (For Making page Responsive)
- Vanilla Javascript
The API Used are from:
- Coingecko (For coin data, Coin Tracker, Coin Details, Movers, Coin Dictionary)
- CryptoCompare API for Latest Crypto News
- Kryptocal API for coins latest events
- Note: All the currencies is in my Native currency INR but you can change it in API Link where INR written to USD or any other currencies
1. CryptoVerse HomePage:
Cryptoverse homepage cointains the table of all the crypto currencies aligned with Ranking order, Name, Price, MarketCap, Volume, 24 Hrs High/Low, Circulating Supply,
Price Change (24h), ATH/ATL Price. Unlike other Web apps that has only top 100 Crypto Table, Mine has a Pagination of 100 Table per page with more than 1000 CryptoCurrency Data.
It also has a small table of Global Data and a working Top 7 Trending Coin On coingecko.
All the Data has been extracted from Coingecko API.
Demo Image:
Page URL: https://cryptoversee.herokuapp.com/
2. Coin Detail Page:
Coinverse Coin Detail Page cointains:
- Coin price
- Coin MarketCap
- Coin Market Ticker
- Coins Historic Charts
- Coin Price converter
- 24H, 7D, 14D, 30D, 200D, 1Yr Coin Price Change percent
- Coin total and circulation supply
- Coin All time High / Low
- Hashing Algorithm
- Block Time
- Coin Description
- Trending Coins
It is made using NodeJs, Jquery, Bootstrap and API/Wedgets from Coingecko.
Demo Image:
3. Crypto Exchange Page
Coinverse Exchange page is one page web page having table which cointains:
- All Exchanges in world
- Exchange Ranking
- Exchange Trust Score and Trust Rank
- 24H Volume
- Established Year and Country Based on
- Exchange URL
- Pagination of 100 Data Per page
- Trending Coins
Demo Image:
Page URL: https://cryptoversee.herokuapp.com/exchanges.html
4. Cryptocurrency Portfolio tracker:
Cryptocurrency Portfolio tracker can help you to track all your crypto coins investments, cointaining:
- Total Portfolio Worth
- Coin Current Price
- Investment Total Volume
- Total No of Coin Bought
- Profit/Loss Amount
- Profit/Loss Percentage
- Coin List to add Coin
The best part is that all your data is contained in LocalStorage of your browser, there’s no use of DataBase.
It is made using ReactJs and ExpressJS with libraries of Bootstrap and Jquery and API from Coingecko.
Demo Image:
Page URL : https://cryptoversee.herokuapp.com/portfolio
5. CryptoCurrency Latest News:
Coinverse Crypto News Collects the most recent news about crypto industry clear UI and Link to source News Channel. All live news about Bitcoin, technology blockchain and cryptocurrency.
It is made using NodeJs, Jquery, Bootstrap and Free API from Cryptocompare.
Demo Image:
Page URL : https://cryptoversee.herokuapp.com/news.html
6. Coinverse Publications
Coinverse Publications is a simple list of book download page that has top Books on cryptography, NFT, Investment, Mining written in simple HTML, CSS, Javascript.
Demo Image:
7. Crypto Top Movers or Gainers/Loser:
Coinverse Top Movers page is simple 1 Page webpage that shows top gainers and loser coins in one day in crypto market. The table shows Gainer/Losers coin name, price, Volume, Percentage increase of coin.
Note since there’s no Free API Available for Showing Gainers and Losers in any exchange API so I’ve used Web scrapping(Cheerio) to Scrap the data from coingecko Largest mover page and displayed in my Webpage.
It is made using NodeJs, Jquery, Bootstrap, Cheerio, Axios.
Demo Page:
Page URL : https://cryptoversee.herokuapp.com/mover.html
8. Crypto Events Page
CryptoVerse Crypto Events Calendar helps you to Stay up-to-date with the Upcoming crypto Events. It covers all events in Cryptocurrency, Blockchains, NFT’s that help crypto traders make better decisions and invest.
It cointains list of all Upcoming events in 2 Months with Coin Name, Coin Ranking, Event Date, Event title, Description and I’ll try to update the page every Month.
It is made Using NodeJs, Node-Fetch, Javascript, EJS, Bootstrap and API from kryptocal.
Demo Image:
Page URL: https://cryptoversee.herokuapp.com/events
9. CryptoVerse Crypto Dictionary
Its a one page web page that coin information of all Crypto categories like what is Smart Chain, NFT, Metaverse, Polygon Ecosystem, Decentralized Finance (DeFi), Yield Farming etc with its 24H price change Percent and market cap. Made using Coingecko API and Bootstrap.
Demo Image:
Page URL: https://cryptoversee.herokuapp.com/dictionary.html
9. CryptoVerse Crypto Market Prediction
CryptoVerse Crypto Prediction Uses Cheerio TO scrap data from Crypto prediction to predict the Future worth of coin from 2021-2024. You can search different coins and it will show a table of prediction with Month, Max Price, Min Price, Average Price, Change.
It is made from NodeJs, Axios, Cheerio, Bootstrap and data is scrapped from coin predictions.