• About the Project
• Key Features
• Technical Highlights
• Architecture
• Technology Stack
• Getting Started
• Usage
• Team
• Development Workflow
• Contributing
• License

Kono is a production-deployed crypto trading simulator that enabled users to practise trading with £10,000 in virtual assets. Built with enterprise-grade architecture, the platform demonstrates proficiency in modern full-stack development, real-time systems, and cloud infrastructure. The platform was successfully launched in March 2025 and served real users in production.

• Risk-free learning: Users mastered trading strategies without financial risk
• Real market simulation: Live price feeds from 163+ cryptocurrencies via WebSocket
• Gamification: Global rankings and performance tracking increased user engagement
• Scalable architecture: Successfully supported concurrent users with Redis caching and microservices

Featured as Disquiet Product of the Week #1 (Product Hunt alternative) with 4.9/5 user rating 568 new users acquired with 447 active users during promotional period Self-hosted trading competition with coffee prize to drive community engagement 120 concurrent users at peak during event period 10+ minutes average session time demonstrating strong user engagement 89.3% scroll depth indicating minimal user drop-off throughout the application Analytics tracked via Google Analytics and Microsoft Clarity

Live Period: 31 Mar - 3 May 2025

Real-Time Market Explorer	Portfolio Management Dashboard
Live price streaming for 163+ cryptocurrencies with WebSocket integration	Comprehensive wallet visualisation, transaction history, and performance analytics
Advanced Trading System	Global Leaderboards
Instant buy/sell execution with order history and real-time balance updates	Redis-powered ranking system with daily and all-time performance tracking
User Customisation
Dark mode, i18n support (EN/KO), and personalised preferences

• Type-safe development: Full TypeScript implementation with strict type checking
• Modern React patterns: Hooks, Context API, custom hooks for WebSocket management
• Performance optimisation: Code splitting, lazy loading, memoisation
• Responsive design: Mobile-first approach with Tailwind CSS
• Internationalisation: i18n support for English and Korean markets

• RESTful API design: Structured endpoints with proper HTTP semantics
• Real-time data: WebSocket implementation for live price feeds
• Caching strategy: Redis for high-performance data retrieval
• Authentication: OAuth2 integration with secure JWT handling
• Rate limiting: Protection against abuse and API throttling

• CI/CD Pipeline: GitHub Actions for automated testing and deployment
• Cloud hosting: AWS infrastructure (EC2, RDS, Elastic Beanstalk)
• Monitoring: Prometheus + Grafana for observability
• Database: MariaDB for transactional data with optimised queries

┌─────────────┐      ┌──────────────┐      ┌─────────────┐
│   React     │◄────►│ Spring Boot  │◄────►│   MariaDB   │
│  Frontend   │      │   Backend    │      │  Database   │
└─────────────┘      └──────────────┘      └─────────────┘
       │                     │
       │                     ▼
       │              ┌──────────────┐
       │              │    Redis     │
       │              │    Cache     │
       │              └──────────────┘
       │
       ▼
┌─────────────┐
│   Upbit     │ ◄─── Real-time Price Updates (WebSocket)
│   API       │
└─────────────┘

Key Design Decisions:

• Direct integration with Upbit WebSocket API for real-time cryptocurrency prices
• Stateless API for horizontal scaling
• Database optimisation with proper indexing
• Redis caching strategy for frequently accessed data

Frontend

Backend

DevOps & Tools

# Clone the repository
git clone https://github.com/hyogshin/kono-client.git
cd kono-client

# Install dependencies
npm install
# or using yarn
yarn install

# Set up environment variables
cp .env.example .env
# Edit .env with your configuration

# Start development server
npm run dev
# or
yarn dev

VITE_API_URL=your_backend_api_url
VITE_WS_URL=your_websocket_url

# Start development server with hot reload
npm run dev

# Build for production
npm run build

# Preview production build locally
npm run preview

# Run linter
npm run lint

# Run type checking
npm run type-check

A collaborative 5 member team that successfully delivered a production-grade trading platform in 11 weeks.

Member	Role	Key Contributions
Hayden	Frontend Lead, DevOps & PM	WebSocket real-time integration, frontend architecture
Jenny	Backend Engineer	Ranking API, Redis caching, database optimisation
Keen	Full-stack Engineer	Trading logic, API integration, full-stack features
Sep	Backend Engineer	OAuth2 authentication, S3 architecture, API security
June	DevOps Engineer	CI/CD pipeline, monitoring

We follow industry-standard Agile methodologies with structured sprint cycles:

We welcome contributions from the community! Here's how you can help:

This project is currently in active development. All rights reserved by the Kono team.

For commercial use or collaboration inquiries, please contact the team members.