Inspiration

The inspiration behind the AI Stock Predictor came from our team's interest with the unpredictable nature of financial markets; we all noticed relatives constantly spending time researching and calculating the value of buying certain stocks, and wanted to build a user-friendly tool that could simplify stock analysis using modern web technologies and simulated AI capabilities. These help monitor trends, predict movements, manage portfolios, and stay informed about key economic events within an intuitive interface to simplify complex data.

What it does

Our AI Stock Predictor application serves as a financial tool designed to help users navigate the stock market by offering several key functionalities. It gives simulated AI-driven stock predictions, complete with historical data, has options for users to input tickers and gain insights into potential price movements and trends. Additionally, we've integrated a market overview for quick access to key indices, top movers, and sector performance, with a portfolio tracker. An economic calendar also keeps users updated on important global events, making it a well-rounded and intuitive platform.

How we built it

Our team developed this application as a modern web app, leveraging React for a dynamic user interface, with all components consolidated into a single App.js file for efficiency. We used Tailwind CSS to build a sleek, dark-themed, and highly responsive design, prioritizing quick prototyping and adaptable layouts. For data visualization, Recharts was integrated to provide clear and interactive charts for stock data. This allowed us to maintain a clean codebase while integrating all necessary features.

Challenges we ran into

Our team faced some tough challenges. A big one was with Firebase, our original plan for saving user data. On top of the technical stuff, we also had team challenges, like finding times to work together when we were working from 3 different time zones, so we had to coordinate individual tasks very specifically to ensure that it worked as a whole. Additionally, we all had limited experience doing hackathons, so building a project this complex in such a limited time frame was especially difficult.

Accomplishments that we're proud of

We successfully made an easy-to-use and responsive app that looks good and works smoothly on any device which was a big win for us. We're also proud of how we used Recharts to show complex stock information in a clear and understandable way. Essentially, the amount of progress we made given our limited experience and individual skills was something we were proud of.

What we learned

We really improved our skills in using React's tools to manage how the app behaves and how its different parts talk to each other, even if not everything worked as planned. We also got much better at using Tailwind CSS to build designs quickly, and effectively implementing data from websites like Yahoo Finance to develop a model that can predict the process of buying stocks.

What's next for StockWise

Our main focus is to implement user accounts and login using Firebase, which will allow us to offer truly personalized experiences where users can save their data and settings reliably. This means users could create their own profiles, ensuring their portfolios and watchlists are always there when they return. We also want to explore letting users customize their dashboards, so they can arrange the information in a way that works best for them, making StockWise even more tailored to individual needs.

Built With

Share this project:

Updates