Trademind

A production-ready SaaS web application for tracking, analyzing, and improving your trading performance with AI-powered insights.

🚀 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](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