drawer
drawer
StockHub — US Stock Market Intelligence hero

نمونه پروژه

stockhub.mabasian.dev

StockHub — US Stock Market Intelligence screenshot 1
StockHub — US Stock Market Intelligence screenshot 2
StockHub — US Stock Market Intelligence screenshot 3

StockHub — US Stock Market Intelligence

یک داشبورد سهام آمریکا بدون نیاز به ثبت‌نام که معاملات زنده افراد داخلی از SEC Form 4 را با فید رتبه‌بندی‌شده بر اساس اهمیت، تقویم گزارش‌های مالی مبتنی بر Finnhub همراه با ردیابی شگفتی‌ها، تیترهای تکراری‌زدایی‌شده از ۱۲ رسانه مالی و بازپخش تاریخی «اگر مبلغ X از فلان نماد را در تاریخ Y خریده بودم چه می‌شد» را در ۱۸ زبان از جمله سه زبان RTL (عبری، فارسی، عربی) گرد هم می‌آورد؛ همراه با نمایشگر زنده Fear & Greed از CNN و نقشه حرارتی بخش‌ها در صفحه اصلی.

توضیحات پروژه

پروژه‌ای خواهرخوانده با CryptoHub که همان معماری و هویت برند را به اشتراک می‌گذارد. ساخته‌شده با Next.js 16 App Router (React 19، TypeScript strict، Tailwind v4) و مستقرشده روی Vercel. داده‌ها از منابع گوناگون گردآوری می‌شوند: SEC EDGAR (جریان داده‌های Form 4 با User-Agent توصیفی، امتیاز = رتبه مدیر × log10(ارزش دلاری) × خوشه × تازگی)، Finnhub (قیمت‌ها / تقویم گزارش‌های مالی / تراکنش‌های افراد داخلی، ۶۰ درخواست در دقیقه در طرح رایگان)، Stooq (داده‌های روزانه OHLC برای بازپخش تاریخی، با کش انبوه شبانه)، ۱۲ فید RSS (CNBC، MarketWatch، Yahoo Finance، Reuters، Seeking Alpha، Investopedia، IBD، Motley Fool، Benzinga، TheStreet، Zacks، Investing.com — با تکراری‌زدایی بر پایه هش عنوانِ نرمال‌شده) و داده‌های تصویری CNN (Fear & Greed). هر درخواست سمت سرور در یک تابع کمکی safeFetch پیچیده شده که در صورت تایم‌اوت، لاگ می‌گیرد و null برمی‌گرداند — صفحه هرگز بر اثر مشکلات منابع بالادست از کار نمی‌افتد. next-intl با ۱۸ زبان، تشخیص موقعیت جغرافیایی بر پایه IP و پشتیبانی کامل از RTL (he/fa/ar) از طریق ویژگی‌های منطقی Tailwind و پوشش bdi پیرامون اعداد و نمودارها. اسکیمای JSON-LD از نوع Dataset / WebApplication / FAQPage، نقشه سایت با hreflang در ۱۸ زبان، تولیدکننده‌های تصویر OG/Twitter در لبه با گرادیان برند، و robots.txt + llms.txt + ads.txt. AdSense متصل است (تگ <script> خام در <head> برای دیده‌شدن توسط خزنده، و الگوی AdSlot که بدون شناسه اسلات هیچ کاری انجام نمی‌دهد). رویکرد انطباق با SEC / FINRA: امتیازدهی به‌عنوان یک تجمیع آماری مستند شده، بنر سلب مسئولیت در سراسر سایت، زبانی شفاف مبنی بر «گردآورنده اطلاعاتی، نه مشاوره سرمایه‌گذاری»، و پرهیز از هرگونه عبارت «خرید / فروش / تضمین‌شده» در همه‌جا.

Next.js 16

React 19

TypeScript

Tailwind v4

next-intl (18 locales, RTL)

SEC EDGAR / Finnhub / Stooq / RSS / CNN F&G

Server Components / ISR

JSON-LD Schema

Edge OG generator

AdSense

Vercel

SEC / FINRA compliance

UI/UX Design

Responsive Design (Mobile-first, RTL)