{"id":52907,"date":"2024-07-28T14:18:43","date_gmt":"2024-07-28T14:18:43","guid":{"rendered":"https:\/\/codeandpepper.com\/?post_type=case_study&p=52907"},"modified":"2025-05-08T11:48:28","modified_gmt":"2025-05-08T11:48:28","slug":"qdeck","status":"publish","type":"case_study","link":"https:\/\/codeandpepper.com\/case-studies\/qdeck\/","title":{"rendered":"Qdeck"},"content":{"rendered":"\n
\"Qdeck<\/figure><\/div>\n\n\n\n
\n
FinTech Development<\/div>\n
React.js<\/div>\n
TypeScript<\/div>\n <\/div>\n<\/section>\n\n\n\n

About Qdeck<\/h2>\n\n\n\n

Qdeck<\/b><\/a> is a cloud-based fintech<\/b><\/a> wealth management platform that offers quantitative financial technology to wealth managers and institutional financial professionals. <\/p>\n\n\n\n

Through the power of AI and multiple entry points for data, the company enables advisors to access models with big cost reductions. The platform combines publicly available market data feeds, alternative investment databases, advanced analysis tools, and automation.<\/p>\n\n\n\n

The result? Significant cost reduction and access to model library and direct indexing. Analysts can build and stress-test investment portfolios with advanced algorithms and optimization in mind. <\/p>\n\n\n\n

Migration and Optimization of the Qdeck Application<\/h2>\n\n\n\n

The client has a web application that was based on JavaScript, which wasn\u2019t entirely effective. Our job was to move the entire product to a new programming environment, optimizing performance along the way. <\/p>\n\n\n\n

Qdeck\u2019s code was based on the idea that each time the product is being accessed by the user, the application is utilizing its whole code. We had to partition the product into smaller blocks and use only those that were actually needed. That provided a significant boost in the application\u2019s performance.<\/p>\n\n\n\n

We have also moved the entire application to new tech. Now Qdeck is supported by the newest versions of frameworks, libraries, and tools. The application was big and complex enough that legacy code and older versions of development tools did not match growing ambitions and business needs. Among others, we have updated the rooting of the page, as well as MaterialUI. <\/p>\n\n\n\n

\"Qdeck<\/figure><\/div>\n\n\n\n

We have also implemented new designs for the application, previously made by the client\u2019s internal team.<\/p>\n\n\n\n

Additionally, we have implemented the Next.js framework. It was necessary for higher performance of the page since the code is being pre-rendered on the server\u2019s side and relieves the application when there\u2019s high traffic. There are also additional possibilities for tables and graphics rendering optimization. This is crucial for a company like Qdeck, delivering and visualizing data for its users.<\/p>\n\n\n\n

 Finally, we have performed automated testing for the application. We have also implemented and configured tools for future testing, preparing the platform for a larger scale of use.<\/p>\n\n\n\n

Complete Migration Thanks to the Transfer of the Codebase<\/h2>\n\n\n\n

The main challenge was migrating the product from JavaScript to TypeScript. The project was very advanced and we had to move the entire code base into a new environment. That brought bumps along the way which our team tackled one by one.<\/p>\n\n\n\n

The result? Qdeck was now moved to TypeScript and no traces of legacy technology are currently present.<\/p>\n\n\n

\n
\n\n \n\n

\n Scope-specific Development Services for Qdeck<\/h2>\n\n\n
\n

The most pivotal services utilized included:<\/p>\n <\/div>\n\n

\n
\n \n
\n \n\n\n\t<\/path>\n\t<\/path>\n<\/g>\n\n\n\t\t<\/rect>\n\n\t\t<\/line>\n\n\t\t<\/line>\n\n\t\t<\/line>\n\t<\/polygon>\n\n\t\t<\/line>\n\t<\/path>\n\t<\/path>\n<\/g>\n<\/svg>\n <\/div>\n
\n

\n Front-end Development Services <\/h3>\n <\/div>\n
\n

\n Expertly merging design and technology, we ensure your front-end shines. <\/p>\n \n \n \n \n<\/svg>\n \n Read More <\/span>\n <\/span>\n <\/div>\n \n <\/span>\n \n \n \n<\/svg>\n <\/span>\n <\/a>\n <\/div>\n

\n \n
\n \n\n\n\t\n\t\t\n\t\t\t<\/path>\n\t\t\t<\/circle>\n\n\t\t\t\t<\/circle>\n\n\t\t\t\t<\/circle>\n\n\t\t\t\t<\/rect>\n\n\t\t\t\t<\/rect>\n\n\t\t\t\t<\/rect>\n\t\t<\/g>\n\t<\/g>\n<\/g>\n\n\t<\/path>\n\t<\/path>\n<\/g>\n<\/svg>\n <\/div>\n
\n

\n Web
Development
Services <\/h3>\n <\/div>\n
\n

\n Balancing front-end, back-end, and integrations, we deliver trust and reliability in every pixel. <\/p>\n \n \n \n \n<\/svg>\n \n Read More <\/span>\n <\/span>\n <\/div>\n \n <\/span>\n \n \n \n<\/svg>\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n
\n

\n\n\n \n \n \n<\/svg>\n\n

\n Explore the Fit
of Code & Pepper for Your Project<\/h2>\n\n\n
\n

Every project is distinctive, demanding a customized approach. Get a complimentary consultation with our React JS specialist,
gaining insights into whether Code & Pepper aligns with your project requirements
and how our collaboration can bring value to your venture.<\/p>\n <\/div>\n\n \n

\n \"Maxi
\n
\n Maxi Wandel <\/div>\n
\n Head of Growth <\/div>\n <\/div>\n <\/div>\n \n\n
\n <\/amp-recaptcha-input>\n \n \n \n