Skip to content

ujj654/Stock-Dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Overview:

It is a React Project which allows users to track and visualize the real-time data of Bitcoin prices. It also includes comparison tool that enables users to compare the trends of two different Bitcoin metrics side-by-side using charts.

What is the use of this Repo:

This Project is a ReactJS Project which demonstrates the following
1. Real-Time Bitcoin Data: Fetches the latest Bitcoin prices, market cap, volume, and other relevant financial data.
2. Interactive Charts: Visualizes data using charts, providing an intuitive understanding of price movements and trends.
3. Bitcoin Comparison Tool: Users can select two Bitcoin metrics (or two different cryptocurrencies) and compare them on a chart to analyze correlations or differences.
4. Responsive Design: The UI is fully responsive, ensuring a seamless experience across devices (desktop, tablet, and mobile).
5. Live Data Updates: Data is updated in real-time to reflect the most current market conditions.

Prerequisites:

Install Node JS

Refer to https://nodejs.org/en/ to install nodejs

Install create-react-app

Install create-react-app npm package globally. This will help to easily run the project and also build the source files easily. Use the following command to install create-react-app

npm install -g create-react-app

Live Application URL:

The Application is deployed in https://stock-dashboard-eosin.vercel.app

Click on the link to see the application

Cloning and Running the Application in local:

Clone the project into local

Install all the npm packages. Go into the project folder and type the following command to install all npm packages

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000

Resources:

create-react-app : The following link has all the commands that can be used with create-react-app https://github.com/facebook/create-react-app

ReactJS : Refer to https://reactjs.org/ to understand the concepts of ReactJS

React Bootstrap : Refer to https://react-bootstrap.github.io/getting-started/introduction/ to understand how to use React Bootstrap