React Templates & Themes Logo React Templates & Themes
ReactiveTraderCloud screenshot

ReactiveTraderCloud

Author Avatar Theme by Adaptiveconsulting
Updated: 31 Mar 2025
1848 Stars

Real-time FX trading showcase by Adaptive.

Github Live Preview

Overview:

Reactive Trader® is a real-time FX trading platform that demonstrates reactive programming principles. Built using React and RxJs / React-RxJs and running on Hydra, this platform continues to evolve with the utilization of the latest technologies.

Features:

  • Real-Time Trading: Showcase reactive programming principles in real-time FX trading.
  • Written in React: Built using React to provide a modern and efficient user interface.
  • Built with RxJs/React-RxJs: Utilizes RxJs and React-RxJs for efficient state management and event handling.
  • Support for Web & Mobile: Offers compatibility for both web and mobile platforms.
  • OpenFin Installer: Provides an installer for both Windows and Mac platforms.
  • Finsemble Smart Desktop Installer: Offers an installer for Windows compatible with Finsemble smart desktop.
  • Style Guide & Storybook: Includes a style guide for colors, iconography, typography, atoms, and molecules, along with a Storybook for exploring individual React components.

Installation:

To install the Reactive Trader® theme, follow these steps:

  1. Fork and clone the ReactiveTraderCloud repository from GitHub (refer to the Contributing page for the URL).
  2. Open the hydra-reactive-trader project in IntelliJ IDEA.
  3. Copy the file component/gateway/trading/api/build/generated-sources/codecs/main/resources/trading-gateway.hyer to the UI project src/client/trading-gateway.hyer.
  4. In the src/client directory, run the following command to regenerate TradingGateway.ts:
file://./src/client/src/generated/TradingGateway.ts
  1. Follow the instructions to start the backend services.
  2. Run:
CI/CD

This theme follows a continuous integration and deployment practice where every branch and pull request triggers a build and deployment to an ephemeral environment. Merging to master results in a build and deployment to the development environment.

Summary:

Reactive Trader® is a powerful real-time FX trading platform that incorporates reactive programming principles. It is built with cutting-edge technologies like React and RxJs / React-RxJs, ensuring efficiency and a modern user experience. Additionally, the platform offers support for both web and mobile platforms and includes resources like installers, style guides, and a Storybook for component exploration.