A list of Tools & Frameworks I use
React
Three.js
n8n
TypeScript
JavaScript
Tailwind CSS
Firebase
Shopify
OpenAI
Gemini
Pinecone

Cursor
Codex

Antigravity
Figma
A small selection of recent projects


ShopXR Marketing Website
Professional marketing website built for a Shopify SaaS product at ShopXR Pte Ltd. Developed from scratch using Next.js and Tailwind CSS. Currently under NDA.


Personal Developer Portfolio
My own portfolio website, built with Next.js, Three.js, and Framer Motion. Features a 3D interactive globe, animated UI components, Lottie animations.


3D Bean Bag Configurator
A real-time 3D product configurator with AR view that lets customers visualize and customize a bean bag in their own space before purchasing.


3D Virtual Room Showcase
An interactive 3D room experience with 360-degree navigation and real-time flooring texture swapping.


Shopify App Frontend — ShopXR
Frontend development for a Shopify app built at ShopXR Pte Ltd. Developed using React, TypeScript, and Shopify Polaris. Currently under NDA


3D Particle Effects Library
A reusable library of 11 configurable 3D particle effects: bubbles, fire, confetti, matrix rain, fireworks, and more, used across multiple ShopXR products.


Talkify — Real-Time Chat App
A real-time messaging app where you can add friends and chat instantly, with Firebase-backed live sync and authentication.


Newsly - Global News App
A news aggregator with live global coverage, category filtering, search, and comment features powered by NewsAPI and Firebase.


Gemini Clone
A functional Google Gemini UI clone with live API integration, replicating the core chat experience with real AI responses.


Ticket Management System
Internal frontend for LineSquare Technologies. A full ticket management system built and delivered during my internship for real company use.
Kind words from satisfied clients
Rana is a responsible and reliable team player who is always willing to step up to challenges. He is proactive, committed to delivering quality work, and consistently ensures tasks are completed on schedule based on the planned timeline. Working with him has been smooth and dependable.
Brian TayCo-Founder at ShopXR
My Skills & Experience
My approach
Understanding the Problem
Before writing a single line of code, I map out what you actually need: the goal, the user, and the constraints. No assumptions, just clarity.
Building & Keeping You in the Loop
I build iteratively and keep communication open throughout. You'll always know where things stand, no black boxes, no surprises.
Delivery & Handover
Clean, documented, and ready to go live. Whether it's a web app or an automation workflow, I make sure you can own and manage it after I'm done.
