Code Monkey home page Code Monkey logo

stocks-currency-forex's Introduction

Technology used

HTML, CSS, JavaScript, React.js,React-Hooks, React-Router-dom v6, Grid System of Bootstrap, HighCharts, Lodash, Axios, concept of debouncing

Learn to visualize the live Stocks, Forex or your organization data using Highcharts library in React JS with Redux.

☑️Here are the scenarios -

Learn how to integrate Highcharts library in React JS for data visualization.

You will display charts for live Stocks data and Forex data using Highstocks chart.

Use custom REST APIs developed using Express JS, Node JS and Mongo DB of your organization and

display charts using Highcharts with drag and drop functionality.

Compare different company stocks. Compare different country currency trends.

Here it is 💯

Demo

What i have learned

✒️Integrate Highcharts Library in React SPA.

✒️Working with user events and state to create interactive applications.

✒️Visualize live Stocks and Forex data using HighStocks charts.

✒️React Hooks (in-depth)! ex. useSelector , useState, useEffect, useDispatch etc.

✒️Class-based components and functional components.

✒️Compare different company stocks.

✒️Routing with React Router.

✒️Visualize stocks and currencies data using Candlestick chart and OHLC charts

✒️Customize Highstocks charts.

✒️Applied the concept of debouncing in the search functionality.

✒️Display Candlestick, OHLC charts and customize Highstocks charts.

stocks-currency-forex's People

Contributors

hpanwar521 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.