Trademind

🚀 Features

• Authentication - Register, login, logout with NextAuth (bcrypt password hashing)
• Trading Journal - Full CRUD for trades with asset, type, entry/exit price, stop loss, take profit, position size, tags, and notes
• Dashboard Analytics - Total trades, win rate, total P&L, average risk/reward, monthly P&L chart, trades by asset pie chart
• AI Analysis - OpenRouter-powered analysis that detects mistakes, patterns, and suggests improvements
• Xendit Subscriptions - Free plan (10 trades) and Pro plan (Rp 150.000/month, unlimited)
• Access Control - FREE users limited to 10 trades, PRO users unlimited
• CSV Export/Import - Export trades to CSV, import from CSV (Pro feature)
• Trade Tags - Tag trades with scalping, swing, day-trade, position, breakout, reversal

🛠 Tech Stack

• Frontend: Next.js 16 (App Router, TypeScript, TailwindCSS v4)
• Backend: Next.js API Routes
• Database: SQLite with Prisma ORM v7
• Auth: NextAuth v4 (Credentials)
• Payment: Xendit (Invoice + Webhooks)
• AI: OpenRouter API

📋 Prerequisites

• Node.js 18+
• npm

🏁 Getting Started

1. Install dependencies

npm install

2. Set up environment variables

Copy .env.example to .env.local and update the values:

DATABASE_URL="file:./dev.db"
NEXTAUTH_SECRET="your-super-secret-key-change-this"
NEXTAUTH_URL="http://localhost:3000"
XENDIT_API_KEY="your-xendit-api-key"
XENDIT_CALLBACK_TOKEN="your-xendit-callback-token"
OPENROUTER_API_KEY="your-openrouter-api-key"
GOOGLE_CLIENT_ID="your-google-client-id"
NEXT_PUBLIC_APP_URL="http://localhost:3000"

3. Set up the database

npx prisma migrate dev
npx prisma generate

4. Run the development server

npm run dev

Open http://localhost:3000 in your browser.

📁 Project Structure

trademind-ai/
├── prisma/
│   ├── schema.prisma          # Database models (User, Trade)
│   └── dev.db                 # SQLite database
├── src/
│   ├── app/
│   │   ├── page.tsx           # Landing page (hero, features, pricing)
│   │   ├── layout.tsx         # Root layout with AuthProvider
│   │   ├── globals.css        # TailwindCSS styles
│   │   ├── login/page.tsx     # Login page
│   │   ├── register/page.tsx  # Registration page
│   │   ├── dashboard/page.tsx # Trading journal dashboard
│   │   ├── analytics/page.tsx # Analytics with charts
│   │   ├── pricing/page.tsx   # Pricing page
│   │   ├── settings/page.tsx  # Settings page
│   │   └── api/
│   │       ├── auth/          # NextAuth + Register endpoints
│   │       ├── trades/        # Trade CRUD endpoints
│   │       ├── analytics/     # Analytics data endpoint
│   │       ├── ai/analyze/    # AI analysis endpoint
│   │       ├── xendit/        # Xendit checkout + webhook
│   │       └── csv/           # CSV export/import endpoints
│   ├── components/
│   │   ├── Navbar.tsx         # Navigation bar
│   │   ├── TradeForm.tsx      # Trade add/edit modal
│   │   └── AuthProvider.tsx   # NextAuth session provider
│   ├── lib/
│   │   ├── db.ts              # Prisma client singleton
│   │   ├── utils.ts           # Utility functions
│   │   ├── session.ts         # Session helpers
│   │   └── validations/
│   │       └── trade.ts       # Zod validation schemas
│   ├── types/
│   │   └── next-auth.d.ts     # NextAuth type extensions
│   └── middleware.ts           # Route protection middleware
└── .env.example                # Environment variables template

💳 Xendit Setup

1. Create a Xendit account and get your API keys
2. Create a product with a recurring price (Rp 150.000/month)
3. Copy the API key to XENDIT_API_KEY in .env.local
4. Set up a webhook endpoint pointing to https://your-domain.com/api/xendit/webhook
5. Subscribe to INVOICE_CREATED and INVOICE_PAID events

🤖 AI Analysis

The AI analysis endpoint requires an OpenRouter API key. It:

• Analyzes all closed trades
• Detects trading mistakes (overtrading, poor risk management, etc.)
• Identifies patterns in winning vs losing trades
• Provides actionable improvement suggestions

📝 Database Models

User

• id, email, name, password (hashed), plan (FREE/PRO), stripeCustomerId, createdAt, updatedAt

Trade

• id, userId, asset, type (LONG/SHORT), entryPrice, exitPrice, stopLoss, takeProfit, positionSize, result, notes, tags, createdAt, updatedAt

🚀 Deployment

Vercel (Recommended)

1. Push your code to GitHub
2. Import the repository in Vercel
3. Add all environment variables in Vercel settings
4. Deploy

Environment Variables for Production

Make sure to set all .env variables in your deployment platform.

🔒 Security

• Passwords hashed with bcrypt
• Input validation with Zod
• Protected API routes with NextAuth sessions
• Xendit webhook signature verification
• Route-level middleware for authenticated pages

📜 License

MIT