Aratus (Trading Application)

In a recent project, I took on the role of a senior Frontend Developer to spearhead the development of a state-of-the-art trading application. This application, designed with a keen focus on user experience and performance, leverages the power of React.js for the front end and Laravel for the back end, creating a seamless and dynamic trading environment.

Performance Optimization Implementing server-side rendering for the Pricer table to ensure efficient data processing.

User Experience Enhancement Developing a dynamic, interactive Team Run table using ag-grid and pusher.js for real-time updates, along with drag-and-drop functionality.

Data Visualization Integrating Highcharts and Plotly.js for advanced market analysis through intuitive graphs and tables.

Real-time Collaboration Enabling seamless collaboration among users with real-time updates via Pusher.js.

Dynamic Data Tables Created two main sections, the Pricer and Team Run tables, featuring server-side and client-side rendering respectively for optimized performance and interactivity.

Advanced Analytics: Incorporated Vol Surface and Market Analysis feature, offering users detailed insights with the ability to customize data, perform analyses, and send emails directly from the app.

Seamless Interactivity Implemented drag-and-drop functionality using React-beautiful-dnd, enhancing the user experience by allowing easy management of data within the Team Run section.

Real-time Data Updates Utilized Pusher.js for instant data updates across user accounts, ensuring all participants have access to the latest information.

Comprehensive Audit Trails Developed an Audit Trail section with extensive filtering capabilities, enabling users to easily monitor and analyze traded commodities.

This project underscored my ability to harness a diverse set of technologies to deliver a comprehensive trading application. Through the innovative use of React.js, integration of real-time data updates, and implementation of advanced data visualization techniques, we provided users with a powerful tool for trading. The application stands as a testament to efficient, user-friendly design, offering dynamic functionalities, real-time collaboration, and in-depth market analysis.

React.js, Ant Design, SASS, React Query, ag-grid-react, Pusher.js, React-beautiful-dnd, Highcharts, Plotly.js, Google Analytics, Google Tag Manager, Context API