Inspiration

The members of our team are split between some who have a good grasp on the stock market and understand the meaning behind the data and some who have very little idea of how to interpret the stock market. Because of this, we had the idea of creating a site that helps beginner investors visualize and make informed decisions when choosing what companies to invest in.

What it does

Our site allows users to enter a keyword such as an industry, trend, or product to find companies related to that keyword. It then displays a list of relevant companies, provides historical stock performance data in the form of graphs, provides other key information about their stock, and offers a brief description of each company. This helps users explore stocks based on specific interests and track the performance in the past in order to decide which companies to invest in an efficient, easily accessible way.

How we built it

Our site combines Tailwind CSS for fast and responsive UI development and JavaScript to integrate google search and stock-related APIs to dynamically render real-time stock data and performance graphs. This allows users to quickly search for companies by keyword, view stock data, and analyze trends all within an interactive, user-friendly interface. We also used open ai generators to generate descriptions of the companies that are searched.

Challenges we ran into

We were unfamiliar with Tailwind CSS other than knowing of its existence, so there was a learning curve involved in using that for our frontend. We also ran into limitation issues with the APIs we used for finding stock information and searching, so we had to deep search for APIs that did not limit those capabilities.

What we learned

Through this project, we learned how to implement Tailwind CSS for responsive UI as well as Javascript for integrating the APIs into our project to display real time stock information and provide users with a description of the companies.

Built With

Share this project:

Updates