https://github.com/saikiran76/marketdashboard

https://github.com/saikiran76/marketdashboard

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/saikiran76/marketdashboard
• Owner: saikiran76
• Created: 2024-07-13T20:16:29.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-07-13T21:19:27.000Z (6 months ago)
• Last Synced: 2024-11-08T17:15:22.694Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://market-dashboard.vercel.app
• Size: 516 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Financial Stocks and Market Analysis Dashboard

# Imp Note

- *** Since the API's are rate-limited, please open the website quite a few times else you may not see the analytics when you reach a specific limit.

## Libraries used/ Tech-stack

- Reactjs library for frontend ⚛️

- Redux-toolkit for global state management ⚛️

- firebase for authentication and real-time database integration 🔥🗃️

- JavaScript 🧑‍💻

- Vite bundler⚡

## Additional/ Secondary libraries and frameworks used

- Tailwind CSS 💨 (visit the official docs: `https://tailwindcss.com/`)

- plotly library for charts (visit the official docs: `https://plotly.com/javascript/react/`)

## API's used for data (rate-limited for free-tier)

- Alpha Vantage (visit the official docs: `https://www.alphavantage.co/documentation/`)

- Financial Modelling Prep (FMP) API (visit the official docs: `https://site.financialmodelingprep.com/developer/docs`)

## Features

- Realtime market analysis using dashboard which comes with

   - Summary/ News component for latest updates (currently hard-coded)

   - Performance of Various Market Sectors (base on percent change)

   - Market Overview for current value of the stock, daily change and percent change

   - Charts which are mutable by selecting your favourable stock/ market from Market Overview for analyzing

    - Comes with feature of time-based analysis - tune it between days, weeks and years

    - Charts used for analysis: Line Chart, Bar Chart and Scatter Plot

- Authentication for user Authorization

   - Signup to create an Account (Email & Password)

   - Signin/login to your Account

- Database Integration

   - Add and save your market preferences for later reference

   - Hover over user-icon and navigate to profile component to add and save your market preferences after your analysis

   - You can logout from the app

## Additional features in mind

- Search Feature might be more meaningful when fetched more market data from API. 

- Since the API's are of trial version and rate-limited, we could implement it in the future when we fetch more amount of data

## Snaps of the Project

- ![alt text](image.png)

- ![alt text](screencapture-localhost-5173-2024-06-17-14_14_41.png)

- ![alt text](image-1.png)

## Local Setup

- clone using `git clone `

- cd into the folder `MarketDashboard`

- install the required dependencies using `npm install`

- start locally using the command `npm run dev`