Skip to content

karkranikhil/react-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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