📈 StockPulse

Description📜

StockPulse is a modern, full-stack web application built to track real-time stock market data and visualize analytics for casual investors and developers alike. It combines the power of Spring Boot and Express for backend management, with Alpha Vantage and Finnhub API integrations to deliver live market trends, performance stats, and an interactive UI optimized for all screen sizes.

Features💡

• Live Stock Tracking: Monitor real-time stock prices and movement.
• Graphical Data: Beautiful bar and pie charts powered by Alpha Vantage.
• Watchlist: Add and manage your favorite stocks.
• Analytics: Access detailed financial stats and company performance.
• Dark Mode: Switch themes for a more comfortable viewing experience.
• Login & Registration: Secure access via JWT authentication.
• Smart Caching: Efficient API request management to combat rate limits.

Getting Started🚀

Prerequisites

• Java 17
• Node.js
• Docker (optional for deployment)
• IDE: Visual Studio Code

Installation💾

1. Clone the repository:

git clone https://github.com/your-username/StockPulse.git

2. Navigate to the project directory:

cd StockPulse

3. Start the Spring Boot backend:

cd backend && mvn spring-boot:run

4. Start the frontend:

cd frontend && npm install && npm start

Usage🛠️

1. Search for stocks using their symbol (e.g., AAPL, TSLA).
2. View real-time price changes and performance history.
3. Track your custom watchlist across sessions.
4. Access charts and stats for deeper analysis.

Tech Stack🧱

• Frontend: HTML, CSS, JavaScript, React
• Backend: Java, Spring Boot, Express
• Database: MySQL (or H2 for testing)
• APIs: Alpha Vantage, Finnhub
• Auth: JWT Authentication
• Dev Tools: Maven, Docker, Git

Screenshots🖼️

Challenges & Learnings🧠

During development, API rate limits were a major hurdle. To solve this, a dynamic caching system was implemented that reduces redundant calls while keeping data fresh. This project also helped sharpen backend skills, API integration techniques, and database structuring.

Future Plans🔮

• Deploy the project using Railway or Render
• Add advanced charting with predictive analytics
• Integrate stock news and financial tips
• Enhance caching and rate-limiting mechanisms

License🪪

This project is licensed under the MIT License. See the LICENSE file for details.

Live Demo 🌐

The site is now officially live at stockpulse.com. Check it our for yourself and have fun 🙌🏻🫱🏻‍🫲🏻

Conclusion✅

StockPulse stands as a practical demonstration of full-stack development, integrating real-world APIs and delivering a powerful yet simple tool for anyone interested in the stock market. It’s a great stepping stone for learning backend integration, handling JSON, securing REST APIs, and deploying full-stack apps.