Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/saikiran76/stocktable


https://github.com/saikiran76/stocktable

dashboard financial-analysis firebase javascript reactjs redux-toolkit stock-market vite

Last synced: about 8 hours ago
JSON representation

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 `StockBoard`
- install the required dependencies using `npm install`
- start locally using the command `npm run dev`