<aside> 🔗 Website Link: https://stock-search-ehildebrandtrojo.vercel.app
</aside>
Throughout college I only had a bit of exposure to web development. Given how versatile of a field it is, I decided to teach myself by building a stock backtesting website. After learning about the different JS frameworks, I decided to build the website with Svelte & Svelte Kit, due to their intuitiveness. The UI was constructed using a mix of Tailwind CSS and **DaisyUI** as well as the following elements Svelty Picker, Range Sliders, and Loading Spinners. In order to display the ticker data, I learned how to use Chart.js. Due to the large amount of data, the ticker data is stored on the cloud using MongoDB. When loading stock data, the frontend makes an API fetch request to the backend with the start and end dates selected by the user. The backend then fetches the corresponding data from the MongoDB database. Users also have the option to test out their own trading algos by using the 'Backtest' tab.
Below are some screenshots showcasing our current prototype as well as its features.
Users can easily visualize stocks by clicking on their name
You can also change the amount of stock data shown by changing the time range with the calendar buttons. Contrary to other stock visualization tools (including Google and Yahoo Finance), we plan on showing high-frequency market data independent of the dates selected.
If they want to compare different stocks, simply press on the plus button next to each card to add it to the graph
In order to search for specific stocks, simply use the search bar
