Een moderne, performante en veilige dashboard applicatie voor het monitoren van Pi Network statistieken, prijzen en nieuws.
- ⚡️ Real-time prijstracking via OKX API
- 📊 Prijsvoorspellingen gebaseerd op historische data
- 🧮 Pi Calculator voor waarde berekeningen
- 📰 Nieuws feed met Pi Network tweets integratie
- 📈 Netwerk statistieken
- 🌓 Dark/Light thema ondersteuning
- 📱 Responsive design
- ♿️ Toegankelijkheid (ARIA)
- 🔒 Security best practices
- Framework: Next.js 15
- UI Library: React 18
- Type Safety: TypeScript
- Styling: Tailwind CSS
- Components: Radix UI
- API's: OKX API, Twitter API v2
- Testing: Jest & Playwright
- CI/CD: GitHub Actions
- Code Quality: ESLint & Prettier
- Node.js 20.x
- npm 10.x
- OKX API credentials
- Twitter API credentials
# API Credentials
OKX_API_KEY=jouw_api_key
OKX_API_SECRET=jouw_api_secret
OKX_PASSPHRASE=jouw_passphrase
TWITTER_BEARER_TOKEN=jouw_twitter_token- Clone de repository:
git clone https://github.com/yourusername/pi-dashboard.git
cd pi-dashboard- Installeer dependencies:
npm install- Configureer environment variables:
cp .env.example .env.local- Start de development server:
npm run dev- 🔍 ESLint voor code linting
- ✨ Prettier voor code formatting
- 🐶 Husky voor pre-commit hooks
- ⚡️ lint-staged voor efficiënte linting
npm run lint: ESLint checknpm run lint:fix: ESLint fixnpm run format: Prettier formatnpm run format:check: Prettier checknpm run type-check: TypeScript checknpm run validate: Alle checksnpm test: Unit testsnpm run test:e2e: E2E tests
De applicatie is geoptimaliseerd voor Vercel deployment:
- Push naar GitHub
- Verbind met Vercel
- Configureer variables
- Deploy! 🎉
- OKX API: Cache 4 uur
- Twitter API: Max 3 tweets/request, 4 uur cache
- Fork de repository
- Maak een feature branch
- Commit wijzigingen (Conventional Commits)
- Push naar de branch
- Open een Pull Request
MIT License - Zie LICENSE bestand voor details