/react-dashboard

Crypto currency Dashboard using React.js

Primary LanguageJavaScript

This project was bootstrapped with Create React App.

Benefits of choosing create-react-app

  • Official React.js starter project by Facebook

  • "Create React apps with no build configuration"

  • Only 3 commands to an enterprise-grade web application

    • npm create-react-app react-dashboard
    • cd react-dashboard
    • npm start
  • hot reloading by default

  • immediately start coding

  • command for optimized production build

Below are the technologies we have used for this Project

  • React - It is an open-source JavaScript library which is used for building user interfaces specifically for single page applications.
  • Styled-components - It is a library that gives you the way to handling styling using CSS-in-JS.
  • CSS Grid - The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
  • Highcharts - Interactive JavaScript charts for your web pages.
  • cryptocompare API - This is the best way to get intraday trading data for cryptocurrencies.
  • Async/await - There's a special syntax to work with promises in a more comfortable fashion
  • Fuzzy Search - A fuzzy search is a process that locates Web pages that are likely to be relevant to a search argument even when the argument does not exactly correspond to the desired information.
  • Lodash - for functional programming
  • Webkit inspector - For debugging
  • localstorage - to set and retrieve data from web browser
  • Google fonts - fonts

UI screen for reference

full view setting dashboard

Thanks & references

  • Thanks to Udemy & Digital Hermits