Rizky – React Native, Node.js, Typescript

A mobile game app designed to sense the user’s mood and help improve it through mini games, daily missions, gem collection, and inspirational quotes. The goal of this project is to help users manage their emotions by playing games tailored to their current mood.

The app also includes an AI-powered mood analysis feature. Users simply record their voice for up to 20 seconds, which is then processed on the backend and analyzed by AI. Based on the result, the system provides suggestions, feedback, and recommendations on which games the user should play.

All of the mini games in the app are built manually using Skia and Reanimated, allowing for smooth, highly interactive, and custom-designed gameplay experiences.

In addition, the project includes in-app purchases (IAP) for buying gems, as well as a subscription system that upgrades users to a Pro version. This unlocks unlimited mood analysis and other premium benefits.

• Designed the UI & UX in Figma for the entire application flow.
• Implemented and integrated the UI & UX from Figma into the mobile app, ensuring consistent design and styling across both Android and iOS platforms.
• Managed a VPS for backend deployment and server maintenance.
• Set up and managed the database using Supabase.
• Developed the backend using NestJS and deployed it on a VPS.
• Built the introduction website https://www.moodgame.app using React and deployed it.
• Configured domain integration for the website and set up API domains for the mobile application.
• Handled setup for Google Play Console and App Store Connect, including in-app purchases (IAP) and subscription systems.
• Managed the entire deployment process, from internal testing/TestFlight to production releases on both Google Play and the App Store.
• Developed the full application based on requirements, including mini games, IAP, subscription systems, and other core features.
• Designed and integrated the AI-powered mood analysis feature, connected with backend services and AI processing systems.
• Implemented notifications and webhooks to ensure real-time data updates and fast, seamless communication between integrated systems.

A non-custodial crypto wallet with a blend of retro and 3D themes. The wallet allows users to fully control and store their own crypto assets generated within the app. It supports three blockchains, Bitcoin, Ethereum, and Solana, with customizable mainnet and testnet networks. Security is enforced through biometric authentication and passcodes, with all sensitive data encrypted and stored securely.

The entire wallet was built from scratch using ethers.js, bitcoinjs-lib, and solana/web3.js, with market data powered by the CoinGecko API.

• Set up and initialized the project with a solid, maintainable, and scalable foundation
• Configured blockchain networks for Bitcoin, Ethereum, and Solana
• Designed the core logic for efficient wallet address generation across supported chains
• Set up both mainnet and testnet environments
• Implemented a robust derivation path strategy to support multiple wallets
• Built a multi-wallet and multi-address system
• Secured wallet access with passcodes and biometric authentication
• Ensured smooth performance when loading tokens from the selected network using FlashList
• Built and implemented the UI to match Figma designs
• Integrated core logic while ensuring the app remained fast, smooth, and performant

A social-style platform for sharing information about beauty products. Users can scan a product’s barcode to instantly receive detailed information, including risk and toxicity, allergens, and overall product quality. The UI is modern, minimalist, and easy to understand, making it accessible to everyone. Users can also review products and share insights from the products they’ve scanned to gain benefits within the platform.

• Set up and initialized the project with a solid, maintainable, and scalable foundation
• Translated the Figma design system into the app using an atomic design pattern to ensure maintainability and scalability
• Implemented pixel-perfect UI based on Figma designs
• Built the product scanning feature with complex yet lightweight animations using React Native Skia and Expo Camera for barcode scanning
• Created custom charts using Skia and D3
• Integrated APIs with React Query to ensure a robust data layer with effective caching and reusability
• Built Storybook for individual components
• Set up and deployed builds for internal testers

A project designed to help people who regularly go to the gym track their workout activities using only a smartphone, without the need for external devices. The app generates detailed data and metrics to accurately measure user progress. It was built using React Native and combined with a Unity engine layer under the hood. This was a highly complex project due to the integration of React Native with Unity.

• Built a quick MVP v1 prototype
• Set up a solid, maintainable, and scalable codebase and infrastructure for both mobile and backend
• Implemented the v2 UI from Figma with pixel-perfect accuracy
• Integrated and bridged React Native CLI with Unity
• Optimized memory usage and Unity lifecycle management to ensure clean cleanup, stable performance, and consistent 60fps
• Built custom UI components using React Native Skia for faster rendering and better performance
• Created custom charts from scratch using Skia and D3
• Added micro-animations and micro-interactions throughout the app
• Set up Play Store and App Store configurations for internal QA and subscriptions
• Integrated RevenueCat and paywalls for the subscription system
• Set up automated CI/CD build pipelines
• Created separate environments for development, staging, and production
• Ensured the app ran smoothly with strong overall performance

It's an online food ordering service where users can watch the kitchen prepare their meals in real time and interact with the staff while waiting. The food is then delivered by partnered couriers who are registered and integrated with the app.

• Designed a scalable, maintainable, and robust architecture.
• Developed Storybook mode to allow developers to view isolated components.
• Implemented an atomic design pattern to centralize and maintain reusable components.
• Integrated the payment system.
• Delivered pixel-perfect implementation from Figma designs.
• Optimized app performance, including live streaming.
• Ensured efficient caching and smooth chat and voice interactions between users and vendors.
• Managed build distribution through Play Console and App Store Connect.
• Maintained clear and comprehensive documentation, including README files.
• Created separate development, staging, and production environments.
• Built and maintained the CI/CD pipeline.

It's a project designed for a courier-style delivery service in Italy, enabling users to send items through trusted individuals.

• Engineered a scalable, maintainable, and robust architecture.
• Implemented Storybook to allow developers to inspect and test components in isolation.
• Developed an atomic design pattern to organize and centralize reusable components.
• Configured and connected the app’s payment functionality.
• Delivered pixel-perfect implementations from Figma designs.
• Optimized app performance and maintained a lightweight build.
• Integrated Mapbox SDK with React Native.
• Managed CI/CD pipelines using Bitrise for automated builds.
• Configured Play Console and App Store Connect for internal and external testing.
• Published the production app and managed separate development, staging, and production environments.
• Integrated Sentry for app monitoring and error tracking.
• Maintained clear and comprehensive documentation, including an informative README.

It's a simulation app used to estimate energy output and lighting levels in a room. Its purpose is to instantly visualize all the information and costs needed for planning.

• Experimented with 3D integration in Expo React Native using Three.js.
• Developed a collision detection system to prevent overlapping rooms or objects.
• Implemented an “add more floor” feature to support multi-level room structures.
• Created a “stick to object” feature, enabling doors, windows, and roofs to snap to existing layouts.
• Performed backend-assisted calculations to generate actionable daily estimates and insights.
• Implemented offline mode for uninterrupted app usage.
• Built a save/load system using a custom file format for project storage and reopening.
• Distributed the app for internal testing and use.

A dating app with a concept that differs from most others. Users are required to answer a questionnaire, and the information is sent to the backend to be processed by a machine learning system that determines compatibility. Users must subscribe before they can start interacting with the matches selected by the system based on the data they provided and the ML processing.

For this short project, Rizky was asked to migrate the existing Flutter app to React Native because the previous developer disappeared and did not provide the publishing keys needed for updates.

He:

• Refactored the entire app from Flutter to React Native Expo
• Reconfigured the Play Console store setup to replace the lost keystore with a new, secure one
• Converted the UI based on the Figma designs
• Integrated the API across all screens ( Firebase )
• Set up the subscription system using RevenueCat
• Deployed the app to replace the old Flutter version with the new React Native version

It's a mobile app focused on NFT sales during the 2020–2021 period, when NFTs were at their peak of popularity. The app also allows users to swap coins and includes a built-in wallet system.

• Developed a solid, maintainable, and scalable architecture.
• Created a Storybook environment for easy visualization and testing of individual components.
• Introduced an atomic design pattern to centralize components and accelerate screen development.
• Optimized performance by preventing unnecessary re-renders and improving FlatList rendering for NFTs.
• Achieved smooth 60fps animations using React Native Reanimated.
• Configured multiple environments: development, staging, and production.
• Ensured pixel-perfect implementation of Figma designs on both Android and iOS.
• Managed the API service layer with clear separation of endpoints, queries, mutations, and domain logic.
• Integrated Web3 functionality, including wallet connections.
• Configured App Store and Play Store settings, managing deployments and internal testers.
• Distributed builds via TestFlight and Play Console.
• Built a CI/CD pipeline with Bitrise for automated builds.
• Maintained thorough and clear documentation, including an informative README.

It's an e-commerce platform for buying and selling vegetables and fruits in Indonesia. Users can place an order, and a courier or personal shopper will deliver the items to their address.

• Maintained and cleaned up the existing UI.
• Fixed previously reported bugs to improve app stability.
• Developed the seller app and revamped the UI to match updated Figma designs with pixel-perfect accuracy.
• Integrated Google Maps for enhanced location functionality.
• Connected the app to the new API.
• Ensured smooth app distribution across platforms.
• Managed CI/CD pipelines using Jenkins.
• Optimized performance to ensure smooth operation across all features.
• Added micro-animations and interactive elements for improved user experience.
• Integrated Indonesian payment systems.

It's a special project for Rizky because it was his first React Native application. It was originally built with Expo, but since Expo in 2018 wasn’t as capable as it is today, he eventually had to eject it and switch to the bare React Native CLI.

This mobile app was created to solve operational needs at a Toyota branch office in Padalarang, West Bandung, Indonesia. It functioned as a customer service tool, providing service care, credit simulations, and detailed information about available cars and ongoing promotions at the branch.

• Created a maintainable and scalable project structure
• Converted Figma UI designs into the React Native mobile app
• Set up push notifications using Firebase FCM
• Ensured a smooth user experience on both iOS and Android
• Built a credit installment simulation calculator based on the selected car
• Built and deployed the app to both the App Store and Play Store until release