# ═══════════════════════════════════════════════════════════════════════════════ # FRONTEND_INVENTORY.yml - Trading Platform # ═══════════════════════════════════════════════════════════════════════════════ version: "1.0.0" fecha_actualizacion: "2026-01-24" proyecto: "trading-platform" # ═══════════════════════════════════════════════════════════════════════════════ # RESUMEN # ═══════════════════════════════════════════════════════════════════════════════ resumen: total_paginas: 27 total_componentes: 16 total_stores: 4 total_services: 9 total_hooks: 2 ubicacion: "apps/frontend/src/" framework: "React 18.2.0" build_tool: "Vite 6.2.0" lenguaje: "TypeScript 5.3.3" # ═══════════════════════════════════════════════════════════════════════════════ # PAGINAS POR MODULO # ═══════════════════════════════════════════════════════════════════════════════ paginas: auth: cantidad: 6 lista: - Login.tsx - Register.tsx - ForgotPassword.tsx - VerifyEmail.tsx - ResetPassword.tsx - AuthCallback.tsx dashboard: cantidad: 1 lista: - Dashboard.tsx trading: cantidad: 1 lista: - Trading.tsx ml: cantidad: 1 lista: - MLDashboard.tsx backtesting: cantidad: 1 lista: - BacktestingDashboard.tsx investment: cantidad: 3 lista: - Investment.tsx - Portfolio.tsx - Products.tsx education: cantidad: 6 lista: - Courses.tsx - CourseDetail.tsx - MyLearning.tsx - Leaderboard.tsx - Lesson.tsx - Quiz.tsx payments: cantidad: 2 lista: - Pricing.tsx - Billing.tsx admin: cantidad: 4 lista: - AdminDashboard.tsx - MLModelsPage.tsx - AgentsPage.tsx - PredictionsPage.tsx assistant: cantidad: 1 lista: - Assistant.tsx settings: cantidad: 1 lista: - Settings.tsx # ═══════════════════════════════════════════════════════════════════════════════ # COMPONENTES # ═══════════════════════════════════════════════════════════════════════════════ componentes: chat: cantidad: 4 lista: - ChatInput.tsx - ChatMessage.tsx - ChatPanel.tsx - ChatWidget.tsx education: cantidad: 6 lista: - AchievementBadge.tsx - CourseCard.tsx - LeaderboardTable.tsx - QuizQuestion.tsx - StreakCounter.tsx - XPProgress.tsx payments: cantidad: 4 lista: - PricingCard.tsx - SubscriptionCard.tsx - UsageProgress.tsx - WalletCard.tsx backtesting: cantidad: 5 lista: - EquityCurveChart.tsx - PerformanceMetricsPanel.tsx - PredictionChart.tsx - StrategyComparisonChart.tsx - TradesTable.tsx admin: cantidad: 2 lista: - AgentStatsCard.tsx - MLModelCard.tsx layout: cantidad: 2 lista: - MainLayout.tsx - AuthLayout.tsx # ═══════════════════════════════════════════════════════════════════════════════ # STATE MANAGEMENT # ═══════════════════════════════════════════════════════════════════════════════ stores: framework: "Zustand 4.4.7" lista: - auth.store.ts - trading.store.ts - dashboard.store.ts - app.store.ts # ═══════════════════════════════════════════════════════════════════════════════ # SERVICES API # ═══════════════════════════════════════════════════════════════════════════════ services: cantidad: 9 lista: - auth.service.ts - trading.service.ts - ml.service.ts - education.service.ts - investment.service.ts - payments.service.ts - admin.service.ts - assistant.service.ts - portfolio.service.ts # ═══════════════════════════════════════════════════════════════════════════════ # HOOKS CUSTOM # ═══════════════════════════════════════════════════════════════════════════════ hooks: cantidad: 2 lista: - useAuth.ts - useTrading.ts # ═══════════════════════════════════════════════════════════════════════════════ # RUTAS # ═══════════════════════════════════════════════════════════════════════════════ rutas: publicas: - /login - /register - /forgot-password - /verify-email - /auth/callback protegidas: - /dashboard - /trading - /ml-dashboard - /backtesting - /investment - /education/courses - /education/my-learning - /education/leaderboard - /pricing - /billing - /settings - /assistant admin: - /admin - /admin/models - /admin/agents - /admin/predictions fullscreen: - /education/courses/:courseSlug/lesson/:lessonId - /education/courses/:courseSlug/lesson/:lessonId/quiz # ═══════════════════════════════════════════════════════════════════════════════ # LIBRERIAS # ═══════════════════════════════════════════════════════════════════════════════ librerias: core: - "React Router v6" - "TanStack Query (React Query)" - "React Hook Form" - "Zod" ui: - "Tailwind CSS 3.4" - "Lucide React" charts: - "Recharts 3.5" - "Lightweight Charts 4.1" utilities: - "Axios" - "Date-fns" payments: - "Stripe"