Publication
React SEO Best Practices: Proven Strategies to Optimize React Apps
https://www.toptal.com/developers/react/react-seo-best-practices
Ranier is available for hire
Hire RanierRanier Montalbo
Verified Expert in Engineering
JavaScript Developer
Vancouver, BC, Canada
Toptal member since August 22, 2016
Bio
Ranier is a game developer with a passion for building gameplay, content-creation tools, and automation scripts using Unity3D or native mobile platform tools. Ranier is also a web developer with experience creating enterprise apps using React and React Native, AngularJS, the Google Maps API, and back ends using Flask in Python.
Portfolio
Amazon Web Services (AWS)
Kotlin, Python, TypeScript, Amazon S3 (AWS S3), Amazon Web Services (AWS)...
Planit Software Ltd. - Main
Three.js, D3.js, JavaScript, Front-end, Amazon Web Services (AWS), React...
Autonomous Vehicle Company
JavaScript, Elasticsearch, PostgreSQL, Mapbox, Docker, Go, React, Node.js...
Experience
- JavaScript - 10 years
- Node.js - 7 years
- React - 6 years
- Unity3D - 6 years
- C# - 6 years
- TypeScript - 3 years
- Python - 3 years
- React Native - 3 years
Preferred Environment
Sublime Text, Git, Unity3D, Xamarin, Xcode, OS X
The most amazing...
...project I've worked on recently is a WebGL renderer for GIS data including rasters and vectors with bonus features like masks and texture atlases.
Work Experience
Software Development Engineer II
2023 - PRESENT
Amazon Web Services (AWS)
- Handled internal tools for monitoring network connectivity to one of AWS services using other native AWS services.
- Performed operational tasks to maintain the service health of S3 PrivateLink and other internal tools.
- Designed and developed new functionalities for existing tools and services.
Technologies: Kotlin, Python, TypeScript, Amazon S3 (AWS S3), Amazon Web Services (AWS), Amazon CloudWatch, AWS CloudFormation, Amazon DynamoDB, APIs, AI Tools, CSS, HTML, Architecture, Artificial Intelligence (AI), Generative Artificial Intelligence (GenAI), Agentic AI, LangGraph
3D Developer
2022 - 2022
Planit Software Ltd. - Main
- Created an interactive 3D renderer for a Coordinate Measuring Machine (CMM) customization software using Three.js and React via PMNDRS.
- Implemented the drag-and-drop interaction and some custom collision detection for the interactive 3D customization software.
- Oversaw the integration pipeline for all 3D-related content, including the workflow and tools for integrating custom metadata.
Technologies: Three.js, D3.js, JavaScript, Front-end, Amazon Web Services (AWS), React, Node.js, TypeScript, Material UI, REST, REST APIs, WebGL, APIs, CSS, HTML
Full-stack Developer
2018 - 2021
Autonomous Vehicle Company
- Built a discovery platform for tagging and searching entities and their metadata. This includes a back end for indexing metadata and a front end for a smart-search component with widgets for auto-completion, date, time, and location pickers.
- Developed custom tools for rendering and manipulating objects on top of Mapbox maps used by map labelers to annotate a car's drivable paths.
- Created a Mapbox vector tile service for serving different geospatial objects in a concise format for easy consumption of Mapbox-based client apps. It also supports a custom query language for filtering out objects returned for a particular type.
Technologies: JavaScript, Elasticsearch, PostgreSQL, Mapbox, Docker, Go, React, Node.js, NestJS, TypeScript, REST APIs, Full-stack, Front-end, User Interface (UI), React Redux, APIs, CSS, HTML, Open Source, Architecture
Senior Software Developer
2017 - 2018
Designjar Limited (via Toptal)
- Developed the dashboard and wizard for Clickfulapp.com, an advertising platform that uses deep learning algorithms to optimize ad campaigns on Facebook and Instagram.
- Worked on the ad banner visual editor, where users can either upload their own design or customize a variety of available templates using the said editor.
- Built the wizard that walks users through as they create a Facebook ad campaign from scratch, which should trivialize the rather technical aspect of Facebook Marketing.
- Wrote a state management library built on top of Redux to drastically reduce the amount of boilerplate code required to develop and easily export modules as tiny reusable packages.
- Automated the testing, integration, and deployment process from GitLab pipelines to S3 deployment.
Technologies: Amazon Web Services (AWS), JavaScript, Node.js, Rancher, Kubernetes, Amazon S3 (AWS S3), PostgreSQL, Docker, Express.js, React, Front-end, User Interface (UI), React Redux, APIs, CSS, HTML, Open Source
Mobile Developer
2017 - 2017
Jungo Sports (via Toptal)
- Developed a mobile app for a soccer-oriented social networking service where coaches from different clubs can rate and recommend players who are possible recruits to college programs.
- Built the app using React Native libraries, including Expo, Redux, React Navigation, react-native-svg, and others.
- Wrote custom cross-platform React components like Loop List and a DateTimePicker that work exactly the same on both platforms.
- Created a tool for converting SVG files to a react-native-svg compatible React component.
- Wrote some back-end APIs for Single Sign-on support for Facebook and Google.
Technologies: JavaScript, Node.js, Android, iOS, React Native, Front-end, User Interface (UI), React Redux, React, Mobile Apps, Mobile Development, Mobile App Development, CSS
Mobile Developer
2017 - 2017
Akila Labs (via Toptal)
- Developed a mobile app using React Native to log health-related activities, including sleep, diet, and exercise.
- Created a variety of visually striking charts for a diabetes prevention health app that monitors a user's activities, exercises, food choices, sleep patterns, and stress levels.
- Integrated the app with Androids voice commands to quickly log different app-related activities.
Technologies: JavaScript, D3.js, SVG, React Native, Front-end, User Interface (UI), React Redux, React, Mobile Apps, Mobile Development, Mobile App Development, CSS
Mobile Developer
2017 - 2017
Cyberfonica (via Toptal)
- Developed a mobile app that can send and receive VOIP calls using native PJSIP libraries.
- Wrote a JavaScript wrapper for PJSIP libraries to integrate it with a React Native app.
- Integrated the iOS CallKit API for handling VoIP calls using the native in-call screen.
- Added a notification system and background services to receive calls even when the app is not open.
Technologies: iOS, Android, VoIP, PJSIP, JavaScript, React Native, GraphQL, Front-end, User Interface (UI), React Redux, React, Mobile Apps, Mobile Development, Mobile App Development, CSS, WebRTC
Senior Software Engineer
2016 - 2017
Metropolitan Bank and Trust Company
- Developed an in-house content management system using Meteor to be used by the marketing team to build all the public and internal sites of the company.
- Led the development of mobile app prototypes using React Native.
- Redesigned an AngularJS + Cordova-based dynamic form templating app into a React Native rendered custom widgets platform.
Technologies: Node.js, Docker, React Native, React, Meteor, JavaScript, GraphQL, Full-stack, Front-end, User Interface (UI), React Redux, Mobile Apps, Mobile Development, Mobile App Development, APIs, CSS, HTML, Architecture
Senior Front-end Developer
2016 - 2016
microapps (via Toptal)
- Rewrote the dashboard site from the original AngularJS code to React, Redux, and Webpack stack.
- Added integrations to various third-party APIs, including Auth0, Intercom, and Localize.
- Automated the app deployment to AWS S3 using the Bitbucket Pipelines and Webpack.
Technologies: JavaScript, Node.js, Semantic UI, Amazon S3 (AWS S3), Webpack, Redux, React, Front-end, User Interface (UI), React Redux, APIs, CSS, HTML
Senior Solutions Developer
2015 - 2016
Navagis Inc.
- Wrote a WebGL renderer for visualizing millions of pieces of data on top of Google Maps. It also supports data types, including points and polygons in vector or raster format, with features like masks and texture atlases.
- Led the development of an enterprise-mapping application used for projecting telecom-related data, including network signal heat maps, outages, subscriber locations, product rollouts, and more.
- Developed a single-page real estate app used to manage land acquisition requests by plotting all the relevant information directly on top of Google Maps.
- Led the client-side development of web apps using AngularJS, Bootstrap, the Google Maps API, and a mix of Canvas and WebGL graphics.
- Developed a server that batch processes different GIS data types to generate a format that can be rendered faster by a web client. These include clustering data points and tiling of raster or vector polygon data.
Technologies: Google Maps, PostgreSQL, WebGL, AngularJS, JavaScript, Flask, Python, REST APIs, Full-stack, Front-end, User Interface (UI), Angular, APIs, CSS, HTML, Open Source, Architecture
Senior Software Engineer
2012 - 2014
KLab Cyscorpions Inc.
- Created and was responsible for the 2D UI architecture, content creation tools, platform-specific features, and some build scripts for an online card and puzzle game featured in the Google Play Store.
- Developed both the iOS app and web service for a restaurant search app using Objective-C and CakePHP.
- Built both the iOS app and web service for cloud storage of password-encrypted media files.
- Managed and led the development of multiple small-to-medium scale projects, including an infinite running game, a zombie apocalypse open-world game, and a music visualization app.
- Wrote training modules for onboarding junior Unity3D developers into the company.
Technologies: C#, Unity3D, Objective-C, iOS, Full-stack, User Interface (UI), Mobile Apps, Mobile Development, Mobile App Development, Unity, APIs, Architecture
Senior Software Engineer
2009 - 2012
Anino Games Inc.
- Developed a real-time multiplayer game in Unity3D for a well-known cartoon franchise.
- Led the gameplay and animation development for a turn-based army battle game in ActionScript 3 released on Facebook.
- Worked as one of the ActionScript 3 developers for a village-building simulation game on Facebook.
- Co-developed a content creation and scene management tool for the hidden object games genre using C#.
- Developed, as part of a team, multiple hidden object games for the PC and Mac platforms using a C++ framework.
Technologies: Flex, ActionScript 3, Unity3D, C#, C++, User Interface (UI), Unity, Architecture
Experience
CarteJS
https://github.com/navagis-ranierm/carte.jsA WebGL renderer for visualizing millions of pieces of data on top of Google Maps. It also supports different data types, including points and polygons in vector or raster format with features like masks and texture atlases.
Redux Modules
https://github.com/montzkie18/redux-state-containerA little library for drastically reducing the boilerplate code required to develop projects using Redux (redux.js.org) as a state container. It also allows packaging your reducers into neat, self-contained modules that you can export and reuse in other projects.
Crystal Casters
A free card battle and puzzle game available for a time on both iOS and Android. It features up to 800 different cards and tons of quests, providing hours and hours of unique, brain-twisting gameplay.
Purina Pet Resort
https://www.youtube.com/watch?v=cEAwkQp80N4A social simulation game on Facebook where players set up their shop and build different "stations" that cater to different pet needs. It was built on Adobe Flash using ActionScript 3 for the Facebook Games platform.
Lords and Colonies
An army battle simulation game where you can manage troops and attack your enemy's villages in order to conquer them. It was developed in Adobe Flash using ActionScript3 for the Facebook Gaming platform.
Tom and Jerry World
https://www.destructoid.com/e3-09-tom-and-jerry-are-getting-an-mmo-what/A casual, massive multiplayer online game where players can play various minigames where they can either challenge or cooperate with each other to achieve different goals. It was developed using Unity3D for the web platform.
Shutter Island
Based on the Hollywood movie, this point-and-click hidden object game will give movie viewers a familiar look at some of the movie's scenes while trying to find all those hidden items. The game was developed using the now-defunct Playground SDK with a mix of C++ and Lua.
Nat Geo Games | Mystery of Cleopatra
http://www.gamehouse.com/download-games/nat-geo-games-mystery-of-cleopatraUncover sabotage and intrigue in ancient Egypt with Nat Geo Games, Mystery of Cleopatra—a hidden object investigation rich in history and suspense! The game was developed using the Playground SDK game engine with a mix of C++ and Lua.
Education
2004 - 2009
Bachelor of Science Degree in Computer Engineering
De La Salle Lipa - Lipa, Batangas, Philippines
Skills
Libraries/APIs
Node.js, Google Maps, React, React Redux, WebRTC, PJSIP, D3.js, WebGL, Three.js, REST APIs
Tools
Xcode, Sublime Text 3, Git, Sublime Text, Emacs, Webpack, Amazon CloudWatch, AWS CloudFormation
Languages
C#, JavaScript, TypeScript, CSS, HTML, Python, Objective-C, C++, ActionScript 3, Go, Java, PHP, Lua, GraphQL, Kotlin
Frameworks
Unity3D, React Native, Unity, Flask, NestJS, Angular, Flex, Redux, Express.js, AngularJS, Material UI, ASP.NET, LangGraph
Paradigms
Test-driven Development (TDD), Mobile Development, REST
Platforms
Web, Android, iOS, Meteor, OS X, Xamarin, Docker, Kubernetes, Rancher, Mapbox, Amazon Web Services (AWS)
Storage
PostgreSQL, MongoDB, Amazon S3 (AWS S3), Elasticsearch, MySQL, Amazon DynamoDB
Other
Full-stack, Front-end, User Interface (UI), APIs, AI Tools, Open Source, Architecture, Mobile Apps, Mobile App Development, Artificial Intelligence (AI), Generative Artificial Intelligence (GenAI), Semantic UI, VoIP, SVG, Real-time Data, Multiplayer, Facebook Games, Coordinate Measuring Machine (CMM), Computer Science, Computer Engineering, Robotics, Cisco Networking, Operating Systems, Electronics, Agentic AI
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring