Crypto Dashboard

• 

  Landing page for user to select desired cryptocurrencies to have on their dashboard. Current favourites appear at the top.

• 

  Dashboard page that displays the cryptocurrency symbol and current price in Canadian dollars of the user's selected cryptocurrencies.

• 

  Search feature that allows the user to search for desired cryptocurrencies from the numerous options.

• 

  User is able to delete cryptocurrencies from their dashboard simply by clicking the box.

Inspiration

We wanted to motivate people of all ages to become more educated on cryptocurrency and finances. With a significant increase in popularity for cryptocurrency around the globe, monitoring and keeping track of all the different coins can be a daunting task. A dashboard to display a few selected coins by name and price in CAD can help ease this process.

What it does

It brings together cryptocurrency data on one easy to use dashboard.

How we built it

To build our dashboard we used node, react, javascript, coincompare API, and codesandbox.

Challenges we ran into

As with any fast-paced development project, time constraints were a key challenge—especially during a 24-hour hackathon. Coordinating between the frontend and backend, managing asynchronous data flows, and ensuring smooth API communication required careful planning and debugging. While we couldn’t implement all the features we wanted, the project provided a strong foundation that we plan to expand upon.

Accomplishments that we're proud of

We successfully managed to access the API and get the image, coin name, and value of every cryptocurrency to compare them. We also implemented a search and selection function correctly. We managed to get the cryptocurrencies to display in a responsive grid.

What we learned

We refined our skills in handling API requests, managing asynchronous operations, and structuring a backend to efficiently serve data to the frontend. We also advanced our skills in Javascript, particularly implementing new features such as arrow functions, and accessing local storage.

What's next for Cryptocurrency dashboard

We would like to keep working on our dashboard and implement a history and a graph that will compare value of selected coins daily, monthly, and yearly. This would help the user make wise decisions with their purchases, and better analyze or compare the coins to each other.

Built With

• codesandbox
• coincompare
• github
• javascript
• react