██████╗██╗██████╗ ██╗ ██╗███████╗██████╗ ████████╗██████╗ █████╗ ██████╗ ███████╗
██╔════╝██║██╔══██╗██║ ██║██╔════╝██╔══██╗ ╚══██╔══╝██╔══██╗██╔══██╗██╔══██╗██╔════╝
██║ ██║██████╔╝███████║█████╗ ██████╔╝ ██║ ██████╔╝███████║██║ ██║█████╗
██║ ██║██╔═══╝ ██╔══██║██╔══╝ ██╔══██╗ ██║ ██╔══██╗██╔══██║██║ ██║██╔══╝
╚██████╗██║██║ ██║ ██║███████╗██║ ██║ ██║ ██║ ██║██║ ██║██████╔╝███████╗
╚═════╝╚═╝╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═════╝ ╚══════╝
A next-generation crypto trading platform built for speed, security, and precision.
Live Demo · Report Bug · Request Feature
Screenshot or GIF coming soon
- 🔐 Secure Authentication — JWT-based auth with session management
- 📊 Real-Time Charts — Live candlestick & line charts powered by market data
- 💹 Portfolio Tracker — Monitor your holdings, P&L, and performance
- 🌐 Live Market Data — Real-time prices, volume, and order book
- 🌙 Dark Mode First — Sleek dark UI designed for traders
- ⚡ Blazing Fast — Built on Next.js App Router with server components
- 📱 Fully Responsive — Seamless experience across all devices
- 🔔 Price Alerts — Get notified when your target price is hit
| Category | Technology |
|---|---|
| Framework | Next.js 15 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS v4 |
| Font | Geist |
| Charts | TradingView Lightweight Charts |
| State | Zustand |
| Auth | NextAuth.js |
| Database | PostgreSQL + Prisma ORM |
| Deployment | Vercel |
Make sure you have the following installed:
1. Clone the repository
git clone https://github.com/yourusername/cipher-trade.git
cd cipher-trade2. Install dependencies
npm install
# or
pnpm install3. Set up environment variables
cp .env.example .env.localThen fill in the required values in .env.local:
# App
NEXT_PUBLIC_APP_URL=http://localhost:3000
# Database
DATABASE_URL=postgresql://user:password@localhost:5432/cipher_trade
# Auth
NEXTAUTH_SECRET=your-secret-key
NEXTAUTH_URL=http://localhost:3000
# Crypto API
CRYPTO_API_KEY=your-api-key
CRYPTO_API_URL=https://api.example.com4. Run the development server
npm run devOpen http://localhost:3000 in your browser. 🎉
cipher-trade/
├── app/ # Next.js App Router
│ ├── (auth)/ # Auth routes (login, register)
│ ├── (dashboard)/ # Protected dashboard routes
│ ├── api/ # API route handlers
│ ├── globals.css # Global styles
│ └── layout.tsx # Root layout
├── components/ # Reusable UI components
│ ├── charts/ # Chart components
│ ├── market/ # Market data components
│ ├── portfolio/ # Portfolio components
│ └── ui/ # Base UI primitives
├── lib/ # Utilities and helpers
├── hooks/ # Custom React hooks
├── store/ # Zustand state stores
├── types/ # TypeScript type definitions
├── prisma/ # Database schema & migrations
└── public/ # Static assets
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLint
npm run type-check # Run TypeScript type checking
npm run db:push # Push Prisma schema to database
npm run db:studio # Open Prisma StudioContributions are what make the open-source community amazing! Any contributions you make are greatly appreciated.
- Fork the project
- Create your feature branch —
git checkout -b feature/amazing-feature - Commit your changes —
git commit -m 'feat: add amazing feature' - Push to the branch —
git push origin feature/amazing-feature - Open a Pull Request
Please read CONTRIBUTING.md for details on our code of conduct and the process for submitting pull requests.
If you find a bug or have a feature request, please open an issue. Make sure to include:
- A clear description of the bug or feature
- Steps to reproduce (for bugs)
- Screenshots if applicable
Distributed under the MIT License. See LICENSE for more information.
- Next.js — The React framework for production
- Vercel — Deployment & Geist font
- Tailwind CSS — Utility-first CSS framework
- CoinGecko API — Crypto market data
- Shields.io — README badges
Made with ❤️ by the CipherTrade team
⭐ Star this repo if you find it helpful!