Skip to content

JacceyCode/stocks

Repository files navigation

Signals - Stock Market Insights Platform

Live Demo: https://stock-market-insight.vercel.app/

Signals is a comprehensive stock market analysis and tracking platform that helps investors stay informed with real-time market data, personalized alerts, and intelligent insights. Built with modern web technologies, it provides a professional-grade dashboard for tracking stocks, managing watchlists, and receiving timely market updates.

🚀 Features

📊 Real-Time Market Dashboard

  • Interactive TradingView Widgets: Market overview, stock heatmaps, and sector performance
  • Live Market Data: Real-time stock prices, changes, and volume data
  • Market News Feed: Latest financial news and market updates
  • Responsive Design: Optimized for desktop and mobile devices

👤 User Management

  • Secure Authentication: Email/password authentication with Better Auth
  • Personalized Profiles: Investment goals, risk tolerance, and industry preferences
  • User Preferences: Country selection and investment strategy customization

📈 Stock Tracking & Analysis

  • Stock Search: Advanced search functionality with real-time results
  • Detailed Stock Pages: Comprehensive stock analysis with multiple chart types
  • Technical Analysis: Built-in technical indicators and chart analysis
  • Company Information: Financial metrics, P/E ratios, and market cap data

⭐ Watchlist Management

  • Personal Watchlists: Add/remove stocks from personalized watchlists
  • Real-Time Updates: Live price updates and percentage changes
  • Watchlist Table: Organized view with key metrics and quick actions
  • Search Integration: Seamless stock discovery and addition to watchlists

🔔 Smart Notifications & Alerts

  • Email Notifications: Automated daily market news summaries
  • Personalized Alerts: AI-generated insights based on user preferences
  • Welcome Emails: Customized onboarding experience with investment guidance
  • Inactive User Reminders: Re-engagement campaigns for dormant users

🤖 AI-Powered Insights

  • Daily News Summaries: AI-generated market news summaries using Gemini
  • Personalized Content: Tailored insights based on user investment profile
  • Smart Recommendations: Investment suggestions based on user preferences

🛠 Tech Stack

Frontend

  • Next.js 15.5.4 - React framework with App Router
  • React 19.1.0 - UI library with latest features
  • TypeScript - Type-safe development
  • Tailwind CSS 4 - Utility-first styling
  • shadcn/ui - Accessible component primitives
  • Lucide React - Beautiful icons
  • React Hook Form - Form management
  • TradingView Widget - TradingView widget

Backend & Database

  • MongoDB - NoSQL database with Mongoose ODM
  • Better Auth - Modern authentication solution
  • Inngest - Background job processing
  • Finnhub API - Real-time financial data

Email & Communication

  • Nodemailer - Email delivery service
  • AI Integration - Google Gemini for content generation

Monitoring & Analytics

  • Sentry - Error tracking and performance monitoring
  • Vercel - Deployment and hosting platform

📱 Usage

  1. Sign Up: Create an account with your investment preferences
  2. Explore Dashboard: View real-time market data and news
  3. Build Watchlist: Search and add stocks to your personal watchlist
  4. Track Performance: Monitor your stocks with detailed analytics
  5. Receive Alerts: Get personalized email updates and notifications

🌟 Key Features Explained

TradingView Integration

The platform integrates multiple TradingView widgets:

  • Market Overview with sector performance
  • Interactive stock heatmaps
  • Advanced candlestick charts
  • Technical analysis indicators
  • Company profile and financial data

Smart Email System

  • Welcome Emails: Personalized onboarding based on user preferences
  • Daily Summaries: AI-generated market news summaries
  • Price Alerts: Real-time notifications for price movements
  • Volume Alerts: Notifications for unusual trading activity

Real-Time Data

  • Live stock prices and market data
  • Automatic data refresh and caching
  • Error handling and fallback mechanisms
  • Optimized API usage with rate limiting

🔐 Security Features

  • Secure Authentication: Better Auth with session management
  • Input Validation: Comprehensive form validation
  • API Security: Secure API key management
  • Error Monitoring: Sentry integration for production monitoring

📊 Performance Optimizations

  • Server-Side Rendering: Next.js App Router for optimal performance
  • Data Caching: Strategic caching of API responses
  • Image Optimization: Optimized static assets
  • Code Splitting: Automatic code splitting for faster loads

🙏 Acknowledgments

  • JSMasteryPro for the tutorial(link) and assets provided for this project.