Web Development

MockTrade Pro: Real-Time Crypto Simulation

Next.js 16 (App Router) React TypeScript Tailwind CSS TradingView Advanced Char Next.js Route Handlers JWT Cookies Authentication Prisma ORM SQLite/PostgreSQL CoinGecko API v3
Galeri Projek

Aplikasi ini adalah platform buat simulasi trading kripto pakai uang virtual, tapi pergerakan harga koinnya tetap ngikutin pasar aslinya berkat bantuan CoinGecko API. Pengguna bisa pasang target harga beli atau jual secara otomatis (limit order), transfer koin atau uang virtual antar pengguna, lihat grafik interaktif dari TradingView, dan mantau portofolio secara otomatis (seperti modal rata-rata dan total untung/rugi). Selain itu, ada juga papan peringkat (leaderboard) buat melihat siapa trader yang paling cuan.

Teknologi yang Dipakai:

  1. Bagian Tampilan (Frontend)
  2. Framework: Next.js 16.2 (App Router).
  3. Tampilan & Ikon: React 19, Tailwind CSS v4, dan Lucide React.
  4. Grafik: Pakai widget bawaan dari TradingView buat nampilin chart market spot Binance.
  5. Sistem Belakang & Database (Backend)
  6. API: Menggunakan bawaan dari Next.js (Route Handlers).
  7. Keamanan & Login: Menggunakan sistem sesi (session cookie) yang disimpen langsung di database, bukan pakai JWT.
  8. Database: Memakai SQLite untuk database lokal yang dikelola dengan rapi menggunakan Prisma ORM.
  9. Sumber Data
  10. Data Pasar: Menggunakan API dari CoinGecko versi 3 buat narik data 50 koin kripto teratas, lengkap dengan harga langsung dan perubahannya dalam 24 jam terakhir.

Tertarik membuat project seperti ini?

Diskusi Dengan Saya