Cryptopedia

CryptoPedia Landing Page

Project Name: Cryptopedia Project Theme: Blockchain and Crypto Team Name: Heavy Coders Team members: Mayank Jain, Saniya Bhargav

Inspiration

As soon as we saw that there was a "Blockchain and Crypto" theme for the hackathon, we began researching different cryptocurrency topics. While browsing, we found that at most places, the information was largely scattered. There was not a single page where we found ALL basic info at the same site. This led us to create Cryptopedia.

What it does

Cryptopedia uses APIs like Coinranking and Newsdata to display a short crypto summary, the latest price of each cryptocurrency, latest crypto news to keep the reader updated about the crypto world, and provides a list of Exchanges where cryptocurrencies are traded so that the investors/traders can decide where to buy and sell crypto, all at the same place, helping them reduce the time they spend on research

How we built it

Since the data is being fetched via APIs, we used React-Redux to handle APIs, which enables the APIs to be present at a store, capable of being used by different React components as and when required. Further, to make the website a Single Page Application, react-router-dom was used.

Challenges we ran into

Since our project is largely based on APIs, the first step was to find suitable APIs for this project. There are some APIs that are free while others are paid. Further, there were some APIs that only respond with success when we are in development mode (localhost:3000 for the win) and not in production mode. Apart from that, the more we made changes to the codebase, the page reloaded again and again, which at times made us reach the API Limits, delaying our code completion.

Nevertheless, the journey was very amazing

What we learned

With this project, we learned how to manage APIs effectively using React Redux

What's next for Cryptopedia

Our further plans for Cryptopedia is to make the Cryptocurrency details even more informational. Once the user clicks on a "crypto card", he would be led to a detailed view of that particular cryptocurrency which will show more information about that coin, and an interactive chart for that coin.