Forex AI

A cutting-edge AI-powered Forex trading platform built with Next.js, TypeScript, and modern web technologies. This application provides professional traders with advanced charting tools, AI-driven trading signals, and comprehensive market analysis capabilities.

• Multiple Chart Types: Candlestick, Line charts, Currency Strength Heatmap, and Market Depth visualization
• Technical Indicators: RSI, MACD, Bollinger Bands, EMA (20/50), Support/Resistance levels, Pivot Points, Stochastic Oscillator
• Timeframes: 1 Minute to 1 Week intervals
• Interactive Features: Fullscreen mode, volume display, customizable indicators
• Real-time Data: Live price updates and market data streaming

• Smart Recommendations: AI-generated BUY/SELL/HOLD signals with confidence scores
• Risk Assessment: Automated risk level analysis (LOW/MEDIUM/HIGH)
• Entry/Exit Points: Precise entry prices, target prices, and stop-loss levels
• Market Sentiment: Overall market mood analysis with strength indicators
• Expected Returns: Projected profit calculations for each recommendation

• Live Dashboard: Real-time profit/loss tracking with comprehensive metrics
• Market Overview: Multi-currency pair monitoring with spread information
• Trading Strategies: Trend-following, breakout, reversal, and scalping strategies
• File Analysis: Upload and analyze trading data files
• Performance Metrics: Win rate, total trades, active positions tracking

• Dark Theme: Modern, eye-friendly dark interface optimized for long trading sessions
• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• shadcn/ui Components: Beautiful, accessible UI components built on Radix UI
• Smooth Animations: Fluid transitions and interactive elements
• Customizable Layout: Flexible grid system for personalized workspace

• Frontend: Next.js 13 (App Router), TypeScript, React 18
• Styling: Tailwind CSS, shadcn/ui component library
• Charts: Custom SVG-based charting system with technical indicators
• Icons: Lucide React icon library
• Forms: React Hook Form with Zod validation
• Data Visualization: Recharts for additional charting capabilities
• State Management: React hooks and context API

1. Clone the repository

   git clone https://github.com/yourusername/forexai-miantsa.git
   cd forexai-miantsa

2. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install
   # or
   bun install

3. Run the development server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev
   # or
   bun dev

4. Open your browser

   Navigate to http://localhost:3000

1. Connect your GitHub repository to Vercel
2. Deploy automatically with zero configuration
3. Enjoy global CDN and edge functions

The app can be deployed to any platform supporting Next.js:

• Netlify
• AWS Amplify
• Digital Ocean App Platform
• Self-hosted with Docker

forexai-miantsa/
├── app/                    # Next.js app directory
│   ├── globals.css        # Global styles
│   ├── layout.tsx         # Root layout
│   └── page.tsx           # Main dashboard page
├── components/            # React components
│   ├── ui/               # shadcn/ui components
│   ├── TradingChart.tsx  # Advanced charting component
│   ├── TradingRecommendations.tsx  # AI signals
│   ├── MarketOverview.tsx # Market data display
│   ├── TradingStrategies.tsx # Strategy management
│   └── FileUpload.tsx    # File analysis tool
├── hooks/                # Custom React hooks
├── lib/                  # Utility functions and data
│   ├── mockData.ts      # Mock trading data
│   └── utils.ts         # Helper functions
└── public/              # Static assets

• Supports 4 chart types with advanced technical analysis
• Custom SVG rendering for optimal performance
• Real-time data updates and interactive features
• Fullscreen mode for detailed analysis

• Generates trading signals based on technical analysis
• Calculates confidence levels and risk assessments
• Provides actionable entry/exit points with stop-loss

• Real-time price feeds for major currency pairs
• Spread monitoring and volume analysis
• Interactive pair selection and filtering

• Theme: Modify colors in tailwind.config.ts
• Charts: Customize chart parameters in components/TradingChart.tsx
• Indicators: Add new technical indicators in lib/mockData.ts

Main Dashboard Live trading overview with candlestick charts	Line Chart Price movement with area fill visualization	Currency Heatmap Currency strength analysis matrix	Market Depth Bid/ask order book visualization
Chart Settings Technical indicators and display options	Trading Strategies Available trading strategy selection	AI Signals Smart trading recommendations with confidence	Upload Analysis File upload for custom data analysis

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

MIT License – feel free to use, modify, and contribute.

Disclaimer: This application is for educational and demonstration purposes. Always perform your own analysis before making trading decisions. Trading forex involves substantial risk of loss and is not suitable for every investor.