Tracking the Indian stock market to make profits has always been a challenge. Between the BSE and NSE, thousands of stocks move every second during market hours, and staying on top of price movements, especially the ones that matter to your portfolio, requires constant checking.
This is why I built StockPulse, a real-time stock market tracking application designed specifically for Indian investors. In this article, I'll walk through what it does, why I built it the way I did, and how it might help you keep a closer eye on the markets.
The Problem with Existing Tools
Most stock tracking apps fall into one of two categories: either they're bloated with features you don't need (social feeds, news aggregation, gamification), or they're too basic to be genuinely useful.
What I wanted was something in between, a focused tool that does a few things exceptionally well:
Show me my watchlist with real-time prices
Alert me when any of the stock prices change (up/down)
Alert me when any of the stock prices suddenly drops
Show me all the stocks that increased/decreased by their previous day's closing price
Show me a chart of all the stocks in my wishlist for 1D, 5D, 1M, 6M, YTD, 1Y, 5Y duration
The app watches all the Nifty 50, Nifty Next 50, Bank Nifty, F&O Securities, and other important stocks for any price movement and alerts immediately.
This app will be really useful to maximize intraday/short/long-term profits in the everyday market.
Check out the video demos at the end of this article.
That's it. No noise, no distractions.
The default watchlist includes some of India's largest companies (Reliance, TCS, Infosys, HDFC Bank, ICICI Bank) to get you started.
What StockPulse Actually Does
Real-Time Watchlist Tracking
The watchlist updates every 10 seconds during market hours. You add the stocks you care about, and the app keeps them updated automatically.
Each stock card shows:
Current price with live updates
Days’ change (both absolute and percentage)
Day high and low
Visual indicators for gains and losses
It supports both NSE (.NS) and BSE (.BO) exchanges, so you can track the same company on whichever exchange you prefer.
Intelligent Price Alerts
This is where things get interesting. The app continuously monitors your watchlist and triggers alerts when a stock moves significantly, by default, when it rises ₹10 or more from its previous close.
Alerts come through multiple channels:
Toast notifications within the app
Desktop browser notifications (if you grant permission)
Audio alerts so you don't miss anything, even when the tab is in the background
The alert history maintains 50 alerts, so you can review what happened during the day. Each alert shows the company name, previous price, current price, and the exact change amount with timestamps.
Market Scanner
Beyond your personal watchlist, the Market Scanner monitors major Indian stocks across both exchanges every 60 seconds. It includes all the Nifty 50, Nifty Next 50, Bank Nifty, F&O Securities and other important stocks.
It automatically detects:
Gainers: Stocks that have moved up 5+ points
Losers: Stocks that have dropped 5+ points
From Close: Stocks that have moved 10± points from the previous day's close
This helps you spot opportunities and risks across the broader market without manually checking hundreds of tickers. New movements are highlighted with animated badges so you can quickly see what just changed.
Found something interesting to track? Add it to your watchlist using the Add button directly from the scanner with one click.
Interactive Historical Charts
Click on any stock to see its price history. The charting system supports seven timeframes:
| Interval | Use Case |
|---|---|
| 1D | Intraday movements during market hours (9:15 AM - 3:30 PM IST) |
| 5D | Short-term weekly trend |
| 1M | Monthly perspective |
| 6M | Medium-term trend analysis |
| YTD | Year-to-date performance |
| 1Y | Full year historical view |
| 5Y | Long-term investment analysis |
The 1D chart is particularly useful, it shows only market hours and includes a reference line for the previous close, making it easy to see how the day is shaping up relative to yesterday.
Charts are color-coded (green for gains, red for losses) with gradient fills for visual clarity. Hover over any point to see the exact price and timestamp.
Detailed Stock Statistics
Beyond the basic price data, the detail panel shows:
Open, close, high, and low prices
52-week high and low
Trading volume (formatted in Lakhs and Crores, as is standard in India)
Market capitalization
All numbers are formatted according to Indian conventions, ₹ symbol, Lakhs for hundred thousands, and Crores for ten millions.
Search and Discovery
The Add stock and search function lets you find stocks by company name or symbol. Results show both NSE and BSE listings where available, and you can choose which exchange to track. Stocks already in your watchlist are marked as already added, so you don't accidentally add duplicates.
Technology Used
For those interested in the implementation, the app is built using:
React 19 with TypeScript for type safety
Zustand for global state management with localStorage persistence
React Query for server state and intelligent caching
Recharts for responsive, animated charts
shadcn/ui components built on Radix UI primitives
Tailwind CSS for styling
Real-time stock market API
Data fetching is optimized with different caching strategies:
Watchlist data has a 10-second stale time
Chart data varies from 5-30 seconds, depending on the interval
Market scanner runs every 60 seconds.
The app is built for watching the market and to increase the intraday/short/long-term profits.
Dark Mode and Accessibility
The app defaults to dark mode, because let's be honest, if you're watching stock tickers, you're probably doing it for hours at a time, and dark mode is easier on the eyes. A toggle in the header lets you switch to light mode if you prefer.
Error Handling
Markets are unpredictable, and so are networks. The app handles errors gracefully:
If a stock fails to load, it shows an error state with a retry button, without breaking other stocks in your watchlist
Network errors display a clear banner with retry options
Failed fetches automatically retry twice before showing an error message with a button to retry manually
Loading states show skeleton UI instead of jarring blank screens
Application Demos:
First Demo:
Second Demo:
Final Thoughts
I built StockPulse because I wanted a cleaner, more focused way to track the Indian markets. It's not trying to be everything, just a reliable tool for keeping an eye on the stocks that matter to you.
Whether you're a day trader watching intraday movements, a swing trader looking for setups, or a long-term investor who just wants to stay informed, the app provides the real-time data and alerts you.
If you're interested in purchasing the application, feel free to reach out.
About Me
I'm a freelancer, mentor, full-stack developer working primarily with React, Next.js, and Node.js with a total of 12+ years of experience.
Alongside building real-world web applications, I'm also an Industry/Corporate Trainer training developers and teams in modern JavaScript, Next.js and MERN stack technologies, focusing on practical, production-ready skills.
Also, created various courses with 3000+ students enrolled in these courses.
My Portfolio: https://yogeshchavan.dev/
Top comments (0)