A professional React + TypeScript application for viewing live trading signals and executing paper trades. This is a PRIVATE, SELF-USE application - not for public trading or real money execution.
See SETUP.md for detailed setup instructions.
- Node.js 16+ and npm
- Firebase project with Firestore and Authentication
- Backend API running on
http://localhost:8000/api
# Install dependencies
npm install
# Copy environment variables template
cp env.example .env
# Edit .env with your Firebase and API configuration
# Start development server
npm start- Live Signal Dashboard: Real-time updates from Firestore for NIFTY and BANKNIFTY
- Paper Trading: Execute BUY/SELL actions based on signals
- History & Analytics: Trade history, daily summaries, and performance charts
- Authentication: Firebase Auth with protected routes
- React 18+ with TypeScript
- Firebase (Firestore + Auth)
- React Query (TanStack Query) for server state
- Axios for REST API calls
- Tailwind CSS for styling
- Recharts for data visualization
- React Router for navigation
src/
├── app/
│ ├── pages/ # Page components
│ ├── components/ # Reusable components
│ ├── services/ # API and Firebase services
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript definitions
│ └── utils/ # Utility functions
├── App.tsx # Main app with routing
└── index.tsx # Entry point
- PRIVATE USE ONLY: This application is for personal use only
- PAPER TRADING ONLY: No real money execution
- READ-ONLY FIRESTORE: Frontend only reads signals, never writes
- NO TRADING LOGIC: All calculations handled by backend API
- NO REAL BROKER INTEGRATIONS: Signals viewing only
For detailed setup instructions, Firebase configuration, and API requirements, see SETUP.md.
npm start- Start development servernpm run build- Build for productionnpm test- Run tests
Private use only.