Master Your Trading with AI-Powered Journaling
Track your trades, analyze your charts with AI vision, and get personalized feedback to improve your trading performance.
- Upload chart screenshots for each trade
- Log trade details including instrument, timeframe, entry/exit prices
- Track trade results (Take Profit, Stopped Out, Break Even)
- Add personal notes and observations
- Automatic chart analysis using Google Gemini Vision AI
- Identifies key technical patterns and confluence factors
- Grades setups from A+ to C based on technical criteria
- Provides reasoning and confidence levels for each analysis
- Win rate tracking and statistics
- Grade distribution charts
- Result distribution visualization
- Session performance breakdown (London, New York, Asian)
- Weekly trade count tracking
- Chat with an AI trained on trading principles
- Get real-time feedback on your setups
- Ask questions about trading psychology and execution
- Contextual advice based on your trade history
- Timezone selection (80+ global timezones)
- Profile customization
- Theme toggle (Dark/Light mode)
- Notification preferences
- Supabase authentication
- Row-level security for all data
- Encrypted image storage
- Your data is never shared
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Database: Supabase (PostgreSQL)
- Authentication: Supabase Auth
- Storage: Supabase Storage
- AI: Google Gemini 2.5 Flash (Vision API)
- Charts: Recharts
- Node.js 18+
- npm or yarn
- Supabase account
- Google Gemini API key
-
Clone the repository
git clone https://github.com/yourusername/mechify.git cd mechify -
Install dependencies
npm install
-
Set up environment variables
cp .env.example .env
Fill in your environment variables:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key GEMINI_API_KEY=your_gemini_api_key
-
Set up Supabase
- Create a new Supabase project
- Run the migrations in
supabase/migrations/folder - Create a storage bucket named
trade-screenshots(public)
-
Run the development server
npm run dev
-
Open your browser Navigate to http://localhost:3000
mechify/
├── src/
│ ├── app/ # Next.js App Router pages
│ │ ├── (auth)/ # Authentication pages
│ │ ├── dashboard/ # Dashboard & feature pages
│ │ └── actions.ts # Server actions
│ ├── components/ # React components
│ │ ├── ui/ # shadcn/ui components
│ │ ├── dashboard/ # Dashboard components
│ │ ├── trade-view/ # Trade-related components
│ │ └── chat/ # Chat interface
│ ├── lib/ # Utilities & configurations
│ └── types/ # TypeScript types
├── supabase/
│ └── migrations/ # Database migrations
└── public/ # Static assets
This project is for personal use.