🔒 Polkadot Staking dApp (INTR & KINT)

A production-ready staking application built for Interlay, supporting INTR and KINT tokens on the Polkadot ecosystem.

This project was developed with React, TailwindCSS, and TypeScript, following best practices in UI/UX (dark mode, accessibility), web performance, and component-driven architecture.
It was successfully integrated into Interlay’s main frontend project.

🚀 Features

• Stake and manage INTR and KINT tokens
• Dark mode UI with clean, responsive design
• Best-in-class UX with spinners, skeletons, and proper error handling
• Multilingual support with react-i18next
• Efficient data fetching and caching using react-query
• Robust error boundaries with react-error-boundary
• Form validation and handling with react-hook-form
• Time and date utilities with date-fns
• Polkadot & Substrate integration with @polkadot/api and related tools
• High-quality, modular, and performance-optimized codebase

🛠️ Tech Stack

• Frontend: React (TypeScript) + TailwindCSS
• State & Data: react-query, react-hook-form, react-error-boundary
• Internationalization: react-i18next
• Date & Time: date-fns
• Blockchain Integration: polkadot-js, Substrate
• Code Quality: Componentization, strict TypeScript typing, UX-driven design

📂 Project Highlights

• ⚡ Performance-optimized: Built with caching, lazy loading, and minimized re-renders.
• 🎨 Better UX than competitors: Intuitive flows, dark mode, real-time feedback.
• 🧩 Componentized architecture: Clean, reusable components for scalability.
• 🌍 Global-ready: Built-in internationalization support.
• ✅ Production-quality code: Strictly typed, clean, and maintainable.

🎯 Purpose

This staking dApp was created for Interlay’s Polkadot ecosystem, providing secure and user-friendly staking functionality for INTR and KINT tokens. It demonstrates how to combine modern React development, Web3 integration, and strong UX design into a polished DeFi application.

📄 License

MIT — feel free to use, adapt, and build upon this project.