Interface Enrichment for Cryptocurrency Trading Platform

Azati helped the customer enrich the cryptocurrency trading platform’s user interface, accurately translate a considerable number of components into Arabic, and contribute to the development of the new version of the UI. The team focused on localization to adapt the platform for right-to-left languages and optimize the user experience.

Discuss an idea

All Technologies Used

React
React
Redux
Redux
TypeScript
TypeScript
JavaScript
JavaScript
Sass
Sass
Lodash
Lodash
Webpack
Webpack
Jest
Jest

Motivation

The primary objective was to adapt the cryptocurrency trading platform for Arabic users, addressing localization challenges related to right-to-left text orientation. The team aimed to ensure the platform was fully functional and visually consistent with Arabic language requirements while optimizing the UI for internationalization.

Main Challenges

Challenge 1
Distributed Development and Access Delays

The project had a complex architecture with multiple servers and configurations, causing delays in accessing development resources and switching between environments.

Challenge 2
Complex UI Component Architecture

The UI consisted of 150+ nested components, and switching between dev and production servers was slow due to rebuilding the entire project for each deployment.

Challenge 3
UI Kit and Component Stability

The UI kit was used across two branches, leading to conflicts and instability, requiring manual fixes for correct display.

Challenge 4
Multi-exchange Support

Initially working with one exchange, the platform needed to be restructured to support multiple exchanges. Azati’s team redesigned charts and components for this new functionality.

Key Features

  • Arabic language support for right-to-left text orientation.
  • Enhanced trading user interface with optimized charts and tables.
  • Admin interface localization and JavaScript library automation.
  • Refactored components to avoid conflicts and improve project stability.
  • Optimized architecture for easier maintenance and faster deployment.

Our Approach

Arabic Localization
The engineers focused on translating and adapting the platform for Arabic, using Format.js for localization.
Right-to-Left Language Adaptation
For the right-to-left language adaptation, around 40% of the components were recreated to support flipped layouts.
UI Optimization and Refactoring
The UI components were optimized and refactored to ensure smooth functionality across different project branches and reduce conflicts.
Architecture Improvement
The team also improved the overall architecture to streamline deployment and simplify the codebase.

Project Impact

Better Usability for Arabic Users: The platform now provides a seamless experience for Arabic-speaking traders by successfully implementing right-to-left text support and localization.

Improved Stability and Performance: Engineers refactored and optimized the UI components, resolving conflicts and enhancing overall project stability.

Enhanced UI Functionality: The trading UI and admin interface were enriched with new features, improved layouts, and optimized component architecture for better performance.

Global Trading System Support: Several key components were rewritten and improved to support a more scalable and globally adaptable trading platform.

Future-Ready UI Development: Azati contributed to the development of a new UI version with enhanced functionality, ensuring a more robust and user-friendly experience moving forward.

Ready To Get Started

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.