Header Image

DashCryptoCoins

A way to see easy the crypto coins.

NextJSTypescriptZodChakraUICrypto API
/project-dash-crypto.png
DashCrypto: principal page

Introduction

This project began by an idea of my friend to create a simple and easy way to see the price of cryptos. Faced with this challenge, I decided to challenge myself because I had never done a project with real-time updates.

Requirements

Main features include real-time updates every 60 seconds, a price trend chart, and pagination to load data efficiently in small chunks.

Objective

The app provides real-time price updates of selected cryptocurrencies through a single-page application fetching data from a cryptocurrency API.

Technologies

type Technologies = {
      NextJs: "framework",
      TypeScript: "for type safety",
      Chakra: "user interface",
      API: "CryptoAPI",
    };

Challenges

I had never done a project with real-time updates or worked with large data requests such as a list of cryptocurrencies. I solved these problems by setting an update every 60 seconds for the database and avoiding large data returns by implementing pagination, splitting the request into pages of 10 items.

Conclusion

This project started from a friend’s idea to easily see crypto prices, and I took the challenge to build it with real-time updates, something new for me. I used an API that updates every 60 seconds and added pagination to limit data requests and improve performance. The chart helps visualize price trends, making the app useful and efficient for tracking cryptocurrencies.