Upload 9 files

data/sentiment_trends.json

@@ -1,4 +1,12 @@
 [
+  {
+    "time": "2026-02-17T22:20:04.427Z",
+    "score": 2.2378947368421054
+  },
+  {
+    "time": "2026-02-17T22:25:04.187Z",
+    "score": 2.259336099585062
+  },
   {
     "time": "2026-02-17T22:30:04.101Z",
     "score": 2.236625514403292
@@ -190,13 +198,5 @@
   {
     "time": "2026-03-22T18:54:01.373Z",
     "score": 0.4885799404170804
-  },
-  {
-    "time": "2026-04-02T22:20:26.605Z",
-    "score": 0.6515769944341373
-  },
-  {
-    "time": "2026-04-02T22:25:02.356Z",
-    "score": 0.6784124629080118
   }
 ]

index.js

@@ -168,12 +168,7 @@ async function fetchIndices() {
         'SENSEX': '^BSESN',
         'FINNIFTY': 'NIFTY_FIN_SERVICE.NS',
         'INDIA VIX': '^INDIAVIX',
-        'USD/INR': 'INR=X',
-        'S&P 500': '^GSPC',
-        'NASDAQ': '^IXIC',
-        'DAX': '^GDAXI',
-        'FTSE 100': '^FTSE',
-        'NIKKEI 225': '^N225'
+        'USD/INR': 'INR=X'
     };
 
     const results = {};

public/app.js

@@ -2,26 +2,14 @@ let allNews = [];
 let sentimentTrend = [];
 let currentFilter = 'all';
 let currentSource = 'all';
-let currentSector = 'all';
-let watchlistMode = false;
 let searchQuery = '';
 let renderedCount = 0;
 let currentRenderedFiltered = [];
-let watchlist = JSON.parse(localStorage.getItem('trading_pulse_watchlist') || '["RELIANCE", "TCS", "HDFC", "INFY"]');
-let lastSeenNewsId = null;
 
 const IMPACT_KEYWORDS = {
-    high: ['crash', 'crisis', 'urgent', 'breaking', 'collapsed', 'warns', 'surge', 'plunge', 'lockdown', 'rating', 'result', 'focus', 'alert'],
-    pos: ['profit', 'growth', 'record', 'dividend', 'buyback', 'partnership', 'acquired', 'expansion', 'jump', 'bullish', 'buy', 'outperforms'],
-    neg: ['loss', 'fall', 'slump', 'down', 'decline', 'investigation', 'scam', 'penalty', 'lawsuit', 'bearish', 'sell', 'warning']
-};
-
-const SECTOR_KEYWORDS = {
-    'Banking': ['bank', 'hdfc', 'sbi', 'icici', 'axis', 'kotak', 'pnb', 'rbi', 'repo', 'npa', 'loan'],
-    'IT': ['tcs', 'infosys', 'infy', 'wipro', 'hcl', 'techm', 'nasdaq', 'software', 'ai', 'cloud', 'it services'],
-    'Pharma': ['pharma', 'sun', 'drreddy', 'cipla', 'lupin', 'divislab', 'biocon', 'healthcare', 'drug', 'fda'],
-    'Auto': ['auto', 'tata motors', 'maruti', 'mahindra', 'm&m', 'bajaj', 'eicher', 'heromotocorp', 'ev', 'vehicle'],
-    'Energy': ['reliance', 'ril', 'adani', 'ongc', 'ntpc', 'power', 'green energy', 'oil', 'gas', 'coal']
+    high: ['crash', 'crisis', 'urgent', 'breaking', 'collapsed', 'warns', 'surge', 'plunge', 'lockdown', 'rating', 'result', 'focus'],
+    pos: ['profit', 'growth', 'record', 'dividend', 'buyback', 'partnership', 'acquired', 'expansion', 'jump', 'bullish', 'buy'],
+    neg: ['loss', 'fall', 'slump', 'down', 'decline', 'investigation', 'scam', 'penalty', 'lawsuit', 'bearish', 'sell']
 };
 
 async function fetchNews() {
@@ -31,7 +19,6 @@ async function fetchNews() {
         allNews = data.news;
         sentimentTrend = data.trend;
 
-        checkForFlashAlerts(allNews);
         renderDashboard();
         renderIndices(data.indices);
     } catch (error) {
@@ -41,49 +28,6 @@ async function fetchNews() {
     }
 }
 
-function checkForFlashAlerts(news) {
-    if (!news.length) return;
-    const latest = news[0];
-    if (lastSeenNewsId === latest.id) return;
-    
-    // Only check news from last 5 minutes to avoid spamming on initial load
-    const pubDate = new Date(latest.pubDate);
-    const diff = (new Date() - pubDate) / (1000 * 60);
-    
-    if (diff < 5 && isHighImpact(latest.title)) {
-        showFlashAlert(latest);
-    }
-    lastSeenNewsId = latest.id;
-}
-
-function isHighImpact(title) {
-    if (!title) return false;
-    return IMPACT_KEYWORDS.high.some(word => title.toLowerCase().includes(word));
-}
-
-function showFlashAlert(item) {
-    const container = document.getElementById('flash-alert');
-    const alert = document.createElement('div');
-    const isPos = item.sentiment.score > 0;
-    alert.className = `flash-alert ${isPos ? 'positive' : ''}`;
-    alert.innerHTML = `
-        <h4>FLASH: ${item.source}</h4>
-        <p>${item.title}</p>
-    `;
-    container.appendChild(alert);
-    
-    // Browser notification
-    if (Notification.permission === 'granted') {
-        new Notification(`Market Alert: ${item.source}`, { body: item.title });
-    }
-
-    setTimeout(() => {
-        alert.style.opacity = '0';
-        alert.style.transform = 'translateX(100%)';
-        setTimeout(() => alert.remove(), 300);
-    }, 8000);
-}
-
 async function fetchIndicesOnly() {
     try {
         const response = await fetch('/api/indices');
@@ -105,13 +49,6 @@ function renderFeed() {
     let filtered = allNews;
     if (currentFilter !== 'all') filtered = filtered.filter(n => n.sentiment.label === currentFilter);
     if (currentSource !== 'all') filtered = filtered.filter(n => n.source === currentSource);
-    if (currentSector !== 'all') {
-        const keywords = SECTOR_KEYWORDS[currentSector];
-        filtered = filtered.filter(n => keywords.some(k => n.title.toLowerCase().includes(k)));
-    }
-    if (watchlistMode) {
-        filtered = filtered.filter(n => watchlist.some(stock => n.title.toUpperCase().includes(stock.toUpperCase())));
-    }
     if (searchQuery) {
         const query = searchQuery.toLowerCase();
         filtered = filtered.filter(n => 
@@ -186,35 +123,25 @@ function setupObserver(trigger) {
 }
 
 function renderIndices(indices) {
-    const indianContainer = document.getElementById('index-ticker');
-    const globalContainer = document.getElementById('global-ticker');
-    if (!indianContainer || !globalContainer || !indices) return;
-
-    const indianKeys = ['NIFTY 50', 'BANK NIFTY', 'SENSEX', 'FINNIFTY', 'INDIA VIX', 'USD/INR'];
-    const globalKeys = ['S&P 500', 'NASDAQ', 'DAX', 'FTSE 100', 'NIKKEI 225'];
-
-    const renderIndicesHelper = (keys) => Object.entries(indices)
-        .filter(([name]) => keys.includes(name))
-        .map(([name, data]) => {
-            const isUp = parseFloat(data.change) >= 0;
-            const sign = isUp ? '+' : '';
-            return `
-                <div class="ticker-item">
-                    <span class="ticker-name">${name}</span>
-                    <div class="ticker-data">
-                        <span class="ticker-price">${parseFloat(data.price).toLocaleString('en-IN', { minimumFractionDigits: 2 })}</span>
-                        <span class="ticker-change ${isUp ? 'up' : 'down'}">${sign}${data.changePercent}%</span>
-                    </div>
-                </div>
-            `;
-        }).join('');
+    const container = document.getElementById('index-ticker');
+    if (!container || !indices) return;
 
-    indianContainer.innerHTML = renderIndicesHelper(indianKeys);
-    globalContainer.innerHTML = renderIndicesHelper(globalKeys);
+    container.innerHTML = Object.entries(indices).map(([name, data]) => {
+        const isUp = parseFloat(data.change) >= 0;
+        const sign = isUp ? '+' : '';
+        return `
+            <div class="ticker-item">
+                <span class="ticker-name">${name}</span>
+                <div class="ticker-data">
+                    <span class="ticker-price">${parseFloat(data.price).toLocaleString('en-IN', { minimumFractionDigits: 2 })}</span>
+                    <span class="ticker-change ${isUp ? 'up' : 'down'}">${sign}${data.changePercent}%</span>
+                </div>
+            </div>
+        `;
+    }).join('');
 }
 
 function highlightImpact(title) {
-    if (!title) return '';
     let result = title;
     Object.entries(IMPACT_KEYWORDS).forEach(([type, words]) => {
         words.forEach(word => {
@@ -236,66 +163,12 @@ function getTimeAgo(date) {
 
 function filterBySentiment(sentiment) {
     currentFilter = sentiment;
-    watchlistMode = false;
     document.querySelectorAll('.filter-btn').forEach(btn => {
         btn.classList.toggle('active', btn.dataset.sentiment === sentiment);
     });
     renderFeed();
 }
 
-function filterBySector(sector) {
-    currentSector = sector;
-    document.querySelectorAll('.sector-btn').forEach(btn => {
-        btn.classList.toggle('active', btn.innerText.includes(sector) || (sector === 'all' && btn.innerText === 'All Sectors'));
-    });
-    renderFeed();
-}
-
-function toggleWatchlistFilter() {
-    watchlistMode = !watchlistMode;
-    currentFilter = 'all';
-    document.getElementById('watchlist-toggle').classList.toggle('active', watchlistMode);
-    document.querySelectorAll('.filter-btn[data-sentiment]').forEach(btn => btn.classList.remove('active'));
-    if (!watchlistMode) document.querySelector('.filter-btn[data-sentiment="all"]').classList.add('active');
-    renderFeed();
-}
-
-function openWatchlistModal() {
-    document.getElementById('watchlist-modal').classList.add('active');
-    renderWatchlistItems();
-}
-
-function closeWatchlistModal() {
-    document.getElementById('watchlist-modal').classList.remove('active');
-    if (watchlistMode) renderFeed();
-}
-
-function addToWatchlist() {
-    const input = document.getElementById('watchlist-input');
-    const value = input.value.trim().toUpperCase();
-    if (value && !watchlist.includes(value)) {
-        watchlist.push(value);
-        localStorage.setItem('trading_pulse_watchlist', JSON.stringify(watchlist));
-        input.value = '';
-        renderWatchlistItems();
-    }
-}
-
-function removeFromWatchlist(stock) {
-    watchlist = watchlist.filter(s => s !== stock);
-    localStorage.setItem('trading_pulse_watchlist', JSON.stringify(watchlist));
-    renderWatchlistItems();
-}
-
-function renderWatchlistItems() {
-    const container = document.getElementById('watchlist-items');
-    container.innerHTML = watchlist.map(stock => `
-        <div class="wl-item">
-            ${stock} <span class="wl-remove" onclick="removeFromWatchlist('${stock}')">&times;</span>
-        </div>
-    `).join('');
-}
-
 let searchTimeout;
 function handleSearch(val) {
     clearTimeout(searchTimeout);
@@ -326,11 +199,7 @@ window.addEventListener('popstate', function (e) {
     }
 });
 
-// Request notification permission
-if (window.Notification && Notification.permission !== 'granted') {
-    Notification.requestPermission();
-}
 
 fetchNews();
-setInterval(fetchNews, 300000); // 5 minutes
+setInterval(fetchNews, 30000);
 setInterval(fetchIndicesOnly, 10000);

public/index.html

@@ -23,11 +23,8 @@
         <header class="header">
 
 
-            <div id="index-ticker" class="index-ticker Indian">
-                <!-- Indian Indices will be injected here -->
-            </div>
-            <div id="global-ticker" class="index-ticker Global">
-                <!-- Global Indices will be injected here -->
+            <div id="index-ticker" class="index-ticker">
+                <!-- Data will be injected here by app.js -->
             </div>
 
             <div class="stats">
@@ -55,22 +52,10 @@
                                 onclick="filterBySentiment('Positive');">Bullish</button>
                             <button class="filter-btn" data-sentiment="Negative"
                                 onclick="filterBySentiment('Negative');">Bearish</button>
-                            <button class="filter-btn watchlist-btn" id="watchlist-toggle"
-                                onclick="toggleWatchlistFilter();">Watchlist ⭐</button>
                         </div>
                     </div>
                 </div>
 
-                <div class="sector-filters">
-                    <button class="sector-btn active" onclick="filterBySector('all')">All Sectors</button>
-                    <button class="sector-btn" onclick="filterBySector('Banking')">Banking</button>
-                    <button class="sector-btn" onclick="filterBySector('IT')">IT</button>
-                    <button class="sector-btn" onclick="filterBySector('Pharma')">Pharma</button>
-                    <button class="sector-btn" onclick="filterBySector('Auto')">Auto</button>
-                    <button class="sector-btn" onclick="filterBySector('Energy')">Energy/Reliance</button>
-                    <button class="sector-btn edit-watchlist" onclick="openWatchlistModal()">⭐ Edit Watchlist</button>
-                </div>
-
                 <div id="news-feed" class="news-feed">
                     <div class="loader">Synchronizing with market feeds...</div>
                 </div>
@@ -78,24 +63,6 @@
         </div>
     </main>
 
-    <div id="watchlist-modal" class="support-modal" onclick="closeWatchlistModal()">
-        <div class="support-modal-content" onclick="event.stopPropagation()">
-            <h3>Manage Watchlist</h3>
-            <div class="watchlist-input-container">
-                <input type="text" id="watchlist-input" placeholder="e.g. RELIANCE, TCS, ADANI...">
-                <button onclick="addToWatchlist()">Add</button>
-            </div>
-            <div id="watchlist-items" class="watchlist-items">
-                <!-- Items injected here -->
-            </div>
-            <button class="close-btn" onclick="closeWatchlistModal()">Done</button>
-        </div>
-    </div>
-
-    <div id="flash-alert" class="flash-alert-container">
-        <!-- Flash alerts shown here -->
-    </div>
-
     <div id="support-modal" class="support-modal" onclick="closeSupportModal()">
         <div class="support-modal-content" onclick="event.stopPropagation()">
             <h3>Support Us</h3>
@@ -104,7 +71,7 @@
         </div>
     </div>
 
-    <script src="app.js?v=1.1"></script>
+    <script src="app.js"></script>
 </body>
 
 </html>

public/style.css

@@ -100,18 +100,13 @@ body {
 }
 
 .index-ticker {
+    flex: 1;
     display: flex;
     flex-wrap: wrap;
     gap: 0.4rem 0.75rem;
     padding: 0 0.5rem;
-    justify-content: flex-start;
+    justify-content: space-evenly;
     align-items: center;
-    border-right: 1px solid var(--card-border);
-}
-
-.index-ticker.Global {
-    border-right: none;
-    border-left: 1px solid var(--card-border);
 }
 
 .ticker-item {
@@ -325,39 +320,6 @@ body {
     }
 }
 
-.sector-filters {
-    display: flex;
-    overflow-x: auto;
-    gap: 0.6rem;
-    padding: 0.5rem 0 1rem 0;
-    scrollbar-width: none;
-}
-
-.sector-btn {
-    background: var(--card-bg);
-    border: 1px solid var(--card-border);
-    color: var(--text-secondary);
-    padding: 6px 14px;
-    border-radius: 8px;
-    font-size: 0.75rem;
-    cursor: pointer;
-    white-space: nowrap;
-    transition: all 0.2s;
-}
-
-.sector-btn.active {
-    background: rgba(82, 175, 255, 0.15);
-    border-color: var(--accent-blue);
-    color: var(--accent-blue);
-}
-
-.sector-btn.edit-watchlist {
-    margin-left: auto;
-    background: rgba(255, 215, 64, 0.1);
-    color: var(--accent-gold);
-    border-color: rgba(255, 215, 64, 0.3);
-}
-
 .feed-section {
     min-width: 0;
     overflow: hidden;
@@ -600,114 +562,6 @@ body {
     background: rgba(82, 175, 255, 0.15);
 }
 
-.watchlist-input-container {
-    display: flex;
-    gap: 0.5rem;
-    margin-bottom: 1.5rem;
-}
-
-.watchlist-input-container input {
-    flex: 1;
-    background: rgba(255,255,255,0.05);
-    border: 1px solid var(--card-border);
-    color: white;
-    padding: 10px;
-    border-radius: 8px;
-}
-
-.watchlist-input-container button {
-    background: var(--accent-blue);
-    border: none;
-    color: black;
-    padding: 0 1rem;
-    border-radius: 8px;
-    font-weight: 700;
-    cursor: pointer;
-}
-
-.watchlist-items {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-    margin-bottom: 2rem;
-    max-height: 200px;
-    overflow-y: auto;
-}
-
-.wl-item {
-    background: var(--card-border);
-    padding: 4px 10px;
-    border-radius: 15px;
-    font-size: 0.75rem;
-    display: flex;
-    align-items: center;
-    gap: 6px;
-}
-
-.wl-remove {
-    cursor: pointer;
-    font-weight: 700;
-    opacity: 0.6;
-}
-
-.wl-remove:hover {
-    opacity: 1;
-    color: var(--accent-red);
-}
-
-.flash-alert-container {
-    position: fixed;
-    bottom: 2rem;
-    right: 2rem;
-    z-index: 2000;
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-.flash-alert {
-    background: rgba(255, 82, 82, 0.95);
-    color: white;
-    padding: 1rem 1.5rem;
-    border-radius: 12px;
-    box-shadow: 0 8px 32px rgba(255, 82, 82, 0.4);
-    min-width: 250px;
-    max-width: 400px;
-    animation: slideIn 0.3s ease-out;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.flash-alert.positive {
-    background: rgba(0, 230, 118, 0.95);
-    box-shadow: 0 8px 32px rgba(0, 230, 118, 0.4);
-}
-
-.flash-alert h4 {
-    font-size: 0.8rem;
-    text-transform: uppercase;
-    font-weight: 900;
-    opacity: 0.9;
-}
-
-.flash-alert p {
-    font-size: 0.9rem;
-    font-weight: 600;
-    line-height: 1.2;
-}
-
-@keyframes slideIn {
-    from {
-        transform: translateX(100%);
-        opacity: 0;
-    }
-    to {
-        transform: translateX(0);
-        opacity: 1;
-    }
-}
-
 @media (max-width: 480px) {
     .support-modal-content {
         padding: 1rem;