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
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:
- Bagian Tampilan (Frontend)
- Framework: Next.js 16.2 (App Router).
- Tampilan & Ikon: React 19, Tailwind CSS v4, dan Lucide React.
- Grafik: Pakai widget bawaan dari TradingView buat nampilin chart market spot Binance.
- Sistem Belakang & Database (Backend)
- API: Menggunakan bawaan dari Next.js (Route Handlers).
- Keamanan & Login: Menggunakan sistem sesi (session cookie) yang disimpen langsung di database, bukan pakai JWT.
- Database: Memakai SQLite untuk database lokal yang dikelola dengan rapi menggunakan Prisma ORM.
- Sumber Data
- 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