Socios.com

Description

Chiliz is a blockchain platform renowned for powering Socios.com, offering fan tokens to sports enthusiasts. These tokens allow fans to participate in polls hosted by clubs or receive rewards and promotions.

‍

Project Background

Chiliz operates with a large development team distributed across 20 distinct groups, working on a platform originally built on what had become legacy technologies. Faced with the urgent need to adopt a more contemporary and efficient technology stack, Chiliz engaged Kernelics due to our expertise in React Native and Next.js.

‍

Objectives

• Modernize the application infrastructure by migrating from Native Script and Vue.js to React Native and Next.js frameworks. This transition aimed to improve application support and performance.
• Provide support and maintenance for the existing applications during the transition period. This included fixing critical bugs, implementing necessary updates, and ensuring stability of the app.

‍

Tech Stack

Vue.js, Vue 2, Native Script, React Native, Next.js, Jotai, Jest, Storybook, Nx, Fastlane, Sentry, Firebase, Microsoft App Center, Gitlab, Typescript

‍

Features List

Our developers were integrated across various client teams, contributing to the development of the following features:

1. Onboarding
   
   • Registration
   • Authorization 
   • Biometrics 
2. Rewards
   
   • Fan Shop 
   • Vouchers
   • League Tokens
   • An auction for the jerseys worn by the athlete
3. Fan Engagement
   
   • Match predictions
   • Match check in
   • Surveys
4. Homepage
   
   • Activity News Feed
   • Fan Card
   • Social media integrations
5. Payments
   
   • Fraud & AML
   • Wallet 
   • KYC
   • Partner currency creation
   • Currency conversion
6. Platform
   
   • Global performance
   • Reusable components
   • Notifications
   • Platform wide Architecture

‍

Key Solutions

• Link Compatibility:
  ‍ To maintain universal app link support and backward compatibility, our goal was to ensure users could navigate to the correct screen using old links, regardless of their app version. We configured the new app with the same signature certificates and updated its link processing to recognize links from the old version. Considering the new and old apps' screen structure differences, our developers created a mapping system to align old screen references with new ones.
  ‍

• Routing System:
  The app's navigation architecture lacked scalability. Our developers created a comprehensive file structure and implemented strict typing, which led to increased development speed and a reduction in navigation-related errors during the development process.
  ‍

• AML & KYC:
  To enable users from various countries to purchase tokens and access specific application pages, our team facilitated the implementation of AML, Malaysian Regulation, and Turkish Regulation support on the frontend. This was essential for ensuring the application operates in strict compliance with regulatory requirements.
  ‍

• Platform Infrastructure:
  We contributed to optimizing the project's technical management processes, streamlining key tasks like merge requests. We customized the CSS theme for design consistency across the project and developed reusable components. Additionally, we supported in-app purchase integration for various vendors (iOS, Android), enhanced performance, and devised new strategies for implementing complex animations. These efforts significantly accelerated the development of new features and enriched the project's functionality.
  ‍

• Payment Service:
  Our team has implemented a Payment Service on the frontend, simplifying the process of purchasing sports teams' fan tokens. Previously, the process required buying CHZ tokens first and then converting these into the desired fan token. Our new feature enables direct fan token purchases with fiat money, attracting new users to the platform and retaining existing ones.
  ‍

• Real-time Currency Conversion:
  We implemented a feature for real-time conversion of currency and cryptocurrency rates based on the user's region and local regulations, incorporating KYC procedures. Using websocket, we achieved real-time updates of the “Match Worn Shirt” auction statuses, adjusting for price changes, bid activity, or cryptocurrency value shifts, ensuring users always have access to the most current pricing information.
  
  
• Dynamic forms:
  We developed a dynamic forms system for item purchases, designed to request only the necessary information from users, tailored to KYC requirements, permissions, regional differences, and other user-specific details.
  ‍

• Online Custodial Wallet:
  We developed a custodial wallet for both Web and React Native platforms, featuring functionality for withdrawals, deposits, receiving funds, and transaction history.