Final project for course Web Applications: Frontend, taught at PEF MENDELU, graded 39/60 points (because we didn't include unit and UI tests)
This web application is designed for individuals interested in exploring stock market and cryptocurrency investments. It provides an intuitive and interactive interface to track market trends, manage watchlists, execute trades, and access financial news.
- Global Markets: Displays 5 world markets with interactive price charts.
- Market Movers: Highlights the Top 5 Gainers and Top 5 Losers in the last 24 hours.
- Search Bar: Quickly search for stocks and cryptocurrencies. Click on a result to access detailed information.
- View current price, interactive chart, full name, and symbol.
- Option to add to watchlist or place an order by quantity.
- Displays your saved stocks in a table with the following details:
- Name, Closing Price, Daily Change, High/Low Prices.
- Option to remove items from the watchlist.
- Tracks all stocks you’ve ordered:
- Name, Order Date, Quantity, Current Price, Profit/Loss.
- Includes an option to sell your holdings.
- Stay updated with the latest market news:
- Expand for a short description or click "Open" to read the full article in a new window.
- Perform historical price backtesting:
- Search for a stock, select a timeframe, and download results in JSON, CSV, or XML format.
- Clone this repository.
- Navigate to root of the repository.
- run
npm install --force.
- run
npm run dev. - Website should be available at http://localhost:3000
- run
npm run build. - copy the
distfolder to your web server
To run this project, you will need to add the following environment variables to your .env file.
VITE_CRYPTO_COMPARE_API_KEY Get it here for free
VITE_ALPACA_API_KEY and VITE_ALPACA_SECRET Get it here for free
And ideally use some better cors proxy VITE_DEFAULT_PROXY
