Dynamic Trading Graph UI Development -- 2

Job ID: 40252747

Budget: $30 – $250 USD

Looking for a skilled frontend developer/publisher to build a dynamic trading chart UI with real-time animations.

Reference: https://bc.game/ko/trading/up-down (specifically the graph/chart section)

- Project Overview
This is primarily a frontend publishing project. A design reference already exists (see link above), so the main focus is on accurately implementing and publishing the UI with smooth, real-time animations — not designing from scratch.

- Scope of Work
• Replicate the core functionality and layout of the reference trading chart interface
• Implement smooth, real-time graph line animations (candlestick or line chart with fluid motion)
• Include dynamic elements such as:
– Price movement indicators
– Countdown timers
– Interactive overlays (e.g., bet placement panels, result displays)
• Build fully responsive layouts for both web and mobile viewports
• Deliver clean, maintainable code (HTML5 / CSS3 / JavaScript or Canvas/WebGL)

- Data Integration Requirements
• In production, the frontend will receive real-time data from the backend server via API.
• For this phase, please implement using mock data (e.g., a static array or JSON) that simulates real-time price feeds.
• The data layer must be clearly separated so that mock data can be easily swapped out for live API data with minimal changes.
• All dynamic data points (e.g., price values, timestamps, chart entries, timer states) should be fed through defined data inputs — not hardcoded into the UI logic.
• In short: build it "API-ready" — the data hooks should be in place so the backend team can plug in real data seamlessly.

- Design Guidelines
• No fixed branding guidelines or design system — you have creative freedom on styling details
• Color scheme will be provided as a reference
• All core features and UI elements visible in the reference must be preserved as-is
• Creative suggestions for micro-interactions or polish are welcome, but functionality comes first

- Nice to Have
• Experience with charting libraries (e.g., D3.js, Chart.js, Lightweight Charts)
• Familiarity with trading or gambling platform UIs
• Experience building real-time or data-driven interfaces

- To Apply
Please share:
• A portfolio or live demo showcasing similar animation/charting work
• Your estimated timeline and rate
• A brief note on your preferred tech stack for this type of project