A modern and user-friendly dashboard for tracking stock performance, financial news, and currency exchange rates.
- Search for Stock Tickers: Look up detailed stock information and view historical performance charts.
- Live News Feed: Stay updated with the latest financial news.
- Currency Exchange Rates: Check real-time exchange rates for multiple currencies.
- Dark Mode: Toggle between light and dark themes for better usability.
- Frontend: React, Chart.js, Tailwind CSS
- APIs:
- Alpha Vantage for stock data
- NewsAPI for financial news
- ExchangeRate-API for currency rates
- Hosting: Vercel
To run this project locally:
- Clone the repository:
git clone https://github.com/<your-username>/stock-dashboard.git cd stock-dashboard
- Install dependencies npm install
- Create a .env file for your API keys: REACT_APP_ALPHA_VANTAGE_API_KEY=your_alpha_vantage_api_key REACT_APP_NEWS_API_KEY=your_news_api_key REACT_APP_EXCHANGE_API_KEY=your_exchange_api_key
- Start the development server: npm start
- Visit the app at http://localhost:3000.
Deployment This app is deployed on Vercel. You can access the live version here:https://stock-dashboard-black.vercel.app/
Contributing Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch: git checkout -b feature-branch
- Commit your changes: git commit -m "Add new feature"
- Push to your fork: git push origin feature-branch
- Open a pull request.