Back to list
ANTTIME
Google Play 800K downloads Web3 point-mining app
Project Summary
Start Date
24.04.15.
Role
Frontend (cross-platform app development)
Tech Stack
React Native
Style Sheet
Zustand
React Native Reanimated
React Native IAP
React Native Firebase
TanStack Query
React Native CodePush
Team
Frontend
1
Backend
1
PM
1
Design
1
Related Links
When ANTs Mine, TIME Shine.
ANTTIME is a blockchain-based T2E (Time-to-Earn) project that lets you monetize time as an asset. Within the TIME ecosystem, you can create, own, and generate revenue through various economic activities. You can also participate directly in the blockchain as a node validator. Make your time more valuable with ANTTIME.
Responsibilities
work_section_background_image

Separate production and test environments

Android flavors and iOS scheme separation

  • • Separate production and development environments
    • Configure Firestore for each environment and set up matching environment variable files.
    • Use Xcode build schemes (iOS) and Android flavors to apply environment-specific react-native-firebase configs during native builds.
Separate production and test environments_image

Complex mining animation

Coordinate-based timeline animation

  • • Split the original Lottie animation so each body part’s animation runs independently
    • The original Lottie approach couldn’t cover the combinatorial number of skin variants. To swap avatars by body part, we implemented per-part animations.
    • Used react-native-reanimated to define per-part animations and aligned timings with timeline features.
    • When the app goes to background or leaves the animation page, clean up timelines and switch the character to an idle state.
Complex mining animation_image

Per-body-part skin updates

Holiday-themed skin releases

  • • Built a Skin page where users can purchase with in-app currency
    • After splitting animations by body part, added a skin shop so users can swap skins using in-app currency.
    • After an in-app purchase, equipping replaces only the targeted part while other skins remain.
    • Laid the groundwork for seasonal and holiday skin release events.
Per-body-part skin updates_image

React Native version upgrade

RN 0.68 → 0.74

  • • Addressed discontinued third-party support due to an outdated RN version
    • New libraries often dropped support for RN 0.68, frequently forcing downgrades.
    • Used React Native Upgrade Helper to move from 0.68 to 0.74 and updated native code (removed Flipper, configured Fabric, updated iOS/Android config files).
    • Updated third-party library setups to match the new RN version.
React Native version upgrade_image
Thanks for ReadingBack to list
Ascii3DLily
© 2025
Made by Bumang