RG.Dev Logo
Profile

Ranul Gamage

Software Engineer at Axiata Digital Labs

Full Stack Developer | Mobile App Developer

Crafting exceptional digital experiences with React, TypeScript, Java Spring Boot, Android, React Native, and Flutter

Software Engineer since 2024

Crafting exceptional digital experiences. Building the future, one line at a time.

Professional Portrait

Axiata Digital Labs, 2025

The Journey

From a curiosity-driven beginner to a Software Engineer at Axiata Digital Labs, my path has been defined by continuous learning and pushing boundaries.

Every project is an opportunity to innovate, every challenge a chance to grow.

Coding workspace

Where innovation happens

"It's not about where you start, it's about the progress you make and the impact you create."
01

Professional Experience

Software Engineer at Axiata Digital Labs, contributing to enterprise solutions and full-stack development

02

Education

Bachelor of Computing - Computer Software Engineering

Curtin University (2021 - 2024)

03

Location

Pita Kotte, Western Province, Sri Lanka

Defining the Journey

2025 - Present

Axiata Digital Labs

Contributing to enterprise solutions including Axonect Enterprise Product Catalog (EPC), Axonect CRM, CDOM, and Digital BSS. Building scalable full-stack solutions using React, TypeScript, Java Spring Boot, and modern cloud technologies.

2021 - 2024

University Years

Led development of innovative mobile applications during my tenure at Curtin University. Managed client communications, sprint work, and spearheaded implementation of cutting-edge technological solutions across multiple projects.

The Foundation

Core Values

Excellence in problem-solving, collaborative teamwork, and continuous innovation. Driven by passion for creating impactful solutions that make a difference in the digital landscape.

Technical Skills

Frontend

ReactTypeScriptJavaScriptNext.jsRedux.jsTailwind CSSBootstrapMaterial-UIAnt DesignSASS/SCSS

Backend

Java Spring BootREST APIsMongoDBMySQLHibernateJPAMicroservicesRabbitMQKafka

Mobile

AndroidReact NativeFlutter

Tools & DevOps

GitGitHubGitLabJenkinsDockerPostmanSwaggerWebpackViteJestCypress

Experience

ADL Logo

Axiata Digital Labs

Colombo District, Western Province, Sri Lanka

Software Engineer

Current Position

Jan 2025 - Present

1 year 2 months 5 days

Contributing to enterprise solutions and full-stack development

Software Engineer Intern

Apr 2024 - Jan 2025

10 Months

Contributed to enterprise solutions including Axonect Enterprise Product Catalog (EPC), Axonect CRM, CDOM, and Digital BSS. Developed both frontend and backend solutions using modern technologies.

Key Contributions:
  • • Backend Development: Spring Boot, REST APIs, MongoDB, MySQL
  • • Frontend Development: React, TypeScript, Redux.js, Next.js
  • • Microservices architecture with RabbitMQ and Kafka
  • • CI/CD pipelines using Jenkins and GitLab CI

Featured Products

RGDev E-Commerce Logo

RGDev E-Commerce Platform

Complete E-Commerce Ecosystem

A comprehensive e-commerce solution with web storefront and mobile admin app. Designed to help businesses sell online, manage operations efficiently, and grow revenue.

Complete online store platform with secure payment processing, customer management, and powerful analytics. Manage your entire business from anywhere with our mobile admin app.

Visit Live Site

Why Choose This Platform

Start selling online in days, not months

Accept payments via credit card, bank transfer, or cash on delivery

Track sales, inventory, and customer data in real-time

Manage your store from anywhere with mobile app

Customize branding to match your business identity

Key Highlights

Launch Fast: Get your online store up and running quickly

Bank-Level Security: Your data and customer payments are fully protected

Work Anywhere: Manage your business from desktop or mobile

Flexible Payments: Credit cards, bank transfers, and cash on delivery

Data-Driven Decisions: Understand your sales and customers with analytics

Your Brand: Fully customizable to match your business identity

Stay Updated: Get instant alerts for orders and important events

Complete Solution: Everything from products to delivery and returns

Online Store

Customer Shopping Experience

Beautiful, easy-to-use online store where your customers can browse products, make purchases, and track their orders.

Screenshots & Preview
E-commerce homepage with product categories, hero banner, and navigation

E-commerce homepage with product categories, hero banner, and navigation

Click to View
Admin dashboard showing order management, analytics, and business controls

Admin dashboard showing order management, analytics, and business controls

Click to View
Product detail page with image gallery, reviews, and add to cart functionality

Product detail page with image gallery, reviews, and add to cart functionality

Click to View
Secure checkout page with multiple payment options and order summary

Secure checkout page with multiple payment options and order summary

Click to View
Shopping cart with product list, quantity controls, and order totals

Shopping cart with product list, quantity controls, and order totals

Click to View
Product catalog with filtering, sorting, and search capabilities

Product catalog with filtering, sorting, and search capabilities

Click to View
Comprehensive analytics dashboard with sales trends and performance metrics

Comprehensive analytics dashboard with sales trends and performance metrics

Click to View
Real-time customer support chat system for instant assistance

Real-time customer support chat system for instant assistance

Click to View
Key Features

Product Showcase: Display your products with images, descriptions, prices, and customer reviews

Flexible Payments: Accept credit cards, bank transfers, and cash on delivery

Order Tracking: Customers can view order status and history anytime

Customer Support: Built-in messaging for customer inquiries and support

Reviews & Ratings: Build trust with customer reviews and product ratings

Custom Branding: Match your store design to your brand identity

Mobile Admin App

Manage Your Business On-the-Go

Comprehensive mobile admin application for iOS and Android that puts complete business control in your pocket. Manage orders, inventory, users, analytics, and customer interactions from anywhere.

Screenshots & Preview
Mobile app splash screen with RGDev E-Commerce branding and loading animation

Mobile app splash screen with RGDev E-Commerce branding and loading animation

Click to View
Comprehensive dashboard showing sales metrics, recent orders, analytics, and quick action buttons for all management functions

Comprehensive dashboard showing sales metrics, recent orders, analytics, and quick action buttons for all management functions

Click to View
Advanced management dashboard with navigation to orders, analytics, inventory, alerts, and settings

Advanced management dashboard with navigation to orders, analytics, inventory, alerts, and settings

Click to View
Order list view with search functionality, order IDs, status badges, and timestamps for efficient order tracking

Order list view with search functionality, order IDs, status badges, and timestamps for efficient order tracking

Click to View
Complete order details including order ID, customer email, timestamp, invoice/download buttons, order status, payment info, order items, summary, shipping address, and tracking information

Complete order details including order ID, customer email, timestamp, invoice/download buttons, order status, payment info, order items, summary, shipping address, and tracking information

Click to View
Detailed order view with admin actions (Update Order Status, Cancel Order), order items breakdown, and complete order summary

Detailed order view with admin actions (Update Order Status, Cancel Order), order items breakdown, and complete order summary

Click to View
Order status update modal with options: Processing, Shipped, Out for Delivery, Delivered, and Completed with descriptive text for each stage

Order status update modal with options: Processing, Shipped, Out for Delivery, Delivered, and Completed with descriptive text for each stage

Click to View
Professional invoice viewer showing RGDev E-Commerce branding, order details, ship-to address, payment method, tracking information, and pinch-to-zoom functionality

Professional invoice viewer showing RGDev E-Commerce branding, order details, ship-to address, payment method, tracking information, and pinch-to-zoom functionality

Click to View
Bank transfer payment proof verification screen with image viewer for admins to review and approve customer payment uploads

Bank transfer payment proof verification screen with image viewer for admins to review and approve customer payment uploads

Click to View
Returns management screen showing return requests with order IDs, reasons (Damaged/Defective, Wrong Item), status tracking (Return Requested, In Review, Approved, Completed), refund methods (Store Credit, Bank Transfer), and action buttons

Returns management screen showing return requests with order IDs, reasons (Damaged/Defective, Wrong Item), status tracking (Return Requested, In Review, Approved, Completed), refund methods (Store Credit, Bank Transfer), and action buttons

Click to View
Customer review management interface displaying reviews with ratings (5/5 stars), customer names, product IDs, timestamps, and delete review functionality for content moderation

Customer review management interface displaying reviews with ratings (5/5 stars), customer names, product IDs, timestamps, and delete review functionality for content moderation

Click to View
User management system showing 5 users with email addresses, role assignment (Guest/User/Admin buttons), creation timestamps, active status badges, and disable user controls

User management system showing 5 users with email addresses, role assignment (Guest/User/Admin buttons), creation timestamps, active status badges, and disable user controls

Click to View
Mobile analytics dashboard with visual charts, revenue trends, sales performance graphs, and key business metrics

Mobile analytics dashboard with visual charts, revenue trends, sales performance graphs, and key business metrics

Click to View
Inventory management interface with product listings, stock level monitoring, and quick access to manage product availability

Inventory management interface with product listings, stock level monitoring, and quick access to manage product availability

Click to View
Product category organization tool for creating and managing store categories to improve product navigation

Product category organization tool for creating and managing store categories to improve product navigation

Click to View
Coupon and discount code management system for creating promotional offers and special deals

Coupon and discount code management system for creating promotional offers and special deals

Click to View
Push notification center displaying real-time alerts for orders, inventory updates, payments, and system notifications with refresh and clear options

Push notification center displaying real-time alerts for orders, inventory updates, payments, and system notifications with refresh and clear options

Click to View
Admin messaging dashboard for managing customer communications and support inquiries

Admin messaging dashboard for managing customer communications and support inquiries

Click to View
Detailed message conversation view for reading and responding to customer messages

Detailed message conversation view for reading and responding to customer messages

Click to View
Comprehensive settings screen showing signed-in account (Linus Benedict Torvalds), registered devices with FCM tokens, device management (Ranul's Note10+ on Android platform), notification logs, device registration button, and sign-out option. Includes currency selection (USD, EUR, GBP, AUD, CAD, LKR) and locale formatting (en-LK, en-US, en-GB, en-AU, en-CA) with preview showing "LKR 1,299.99"

Comprehensive settings screen showing signed-in account (Linus Benedict Torvalds), registered devices with FCM tokens, device management (Ranul's Note10+ on Android platform), notification logs, device registration button, and sign-out option. Includes currency selection (USD, EUR, GBP, AUD, CAD, LKR) and locale formatting (en-LK, en-US, en-GB, en-AU, en-CA) with preview showing "LKR 1,299.99"

Click to View
Key Features

Real-Time Dashboard: Monitor live sales, new orders, revenue metrics, and key performance indicators

Advanced Order Management: Process orders, update shipping status, add tracking info, and manage returns

Payment Verification: Review and approve bank transfer proofs, process refunds, and manage payment methods

Invoice Generation: Create, view, download, and share professional invoices directly from mobile

Comprehensive Analytics: Track sales trends, revenue growth, top products, and customer insights

User Management: Control admin access, assign roles (Guest/User/Admin), and manage team permissions

Smart Notifications: Receive real-time alerts for orders, inventory, payments, and system updates

Inventory Control: Monitor stock levels, track product availability, and manage inventory categories

Messaging System: Communicate with customers, handle inquiries, and manage support tickets

Review Management: Monitor customer reviews, ratings, and product feedback with moderation tools

Return Processing: Handle return requests, process refunds (store credit or bank transfer), and track return status

Category Management: Organize products into categories for better customer navigation

Coupon Management: Create and manage discount codes, promotions, and special offers

Multi-Currency Settings: Configure currency (USD, EUR, GBP, AUD, CAD, LKR) and locale formatting (en-LK, en-US, en-GB, en-AU, en-CA)

Perfect For

Retail businesses wanting to sell online

Agencies managing multiple client stores

Marketplaces with multiple vendors

Business owners who need mobile management

Companies accepting various payment methods

Ready to Transform Your Business?

See how our e-commerce platform can help you sell more, manage better, and grow faster. Schedule a personalized demo with our team today.

Free Consultation

No Commitment Required

Custom Solutions Available

See technical specifications, features, and implementation details

Projects

RGDev E-Commerce Logo

A comprehensive, full-stack e-commerce solution featuring both a modern web-based online store and a powerful mobile admin app. Built with React 18, Firebase, and React Native, this platform enables businesses to sell products online and manage operations seamlessly from anywhere.

React 18TypeScriptFirebaseReact NativeStripeFirestoreCloud FunctionsTailwind CSSMaterial Design 3

Key Features:

  • Full-featured online store with product catalog and shopping cart
  • Secure checkout with Stripe payment integration
  • Multi-payment support: Credit cards, bank transfers, and cash on delivery
  • Real-time order processing and tracking system
  • Mobile admin app for iOS and Android
  • Live dashboard with sales analytics and revenue tracking
  • Order management with status updates and notifications
  • Inventory management with low stock alerts
  • Customer management and insights
  • Invoice generation and payment verification
  • Push notifications for new orders and updates
  • Responsive design optimized for all devices
  • Firebase backend with real-time data sync
  • Custom branding and theme customization
  • Advanced analytics and reporting
  • Secure and scalable cloud infrastructure

A complete, enterprise-grade private Android app store built with Next.js 16, React 19, Firebase, and modern web technologies. Fully responsive across mobile phones, tablets, and laptops of all sizes with role-based authentication, secure APK distribution, and comprehensive admin dashboard.

Next.js 16React 19TypeScriptFirebaseCloud FunctionsShadCN UIRechartsPWATailwind CSSFirestoreFirebase AuthFirebase Storage

Key Features:

  • Role-based authentication (Admin, Client, Guest) with Firebase Auth
  • Secure APK distribution with signed URLs and download tracking
  • Admin approval workflow for client registrations
  • Firebase Cloud Functions backend with 6 serverless functions
  • Admin dashboard with Recharts analytics and real-time data
  • PWA support with offline capability and app-like experience
  • Firestore security rules and data validation
  • Complete audit logging for all critical operations
  • 17 ShadCN UI components for consistent design system
  • Advanced search, filtering, and sorting functionality
  • Screenshot galleries with lightbox and app detail pages
  • User profile management with settings and preferences
  • Real-time analytics dashboard with download stats and trends
  • Fully responsive design - Mobile phones, tablets, laptops (all sizes)
  • Touch-optimized UI - 44px+ touch targets, active states
  • Mobile-first approach with progressive enhancement
  • TypeScript for type safety and better developer experience
  • Deployed on Netlify with CI/CD pipeline

A production-grade, modern personal portfolio website built with React 18, TypeScript, and Tailwind CSS. Features dynamic content, real-time tech blog integration, smooth animations, and optimized performance. Showcases professional experience, technical skills, and project portfolio with an elegant dark-mode interface.

React 18TypeScriptTailwind CSSViteLucide IconsDev.to APIGitHub APINetlify

Key Features:

  • Fully responsive design optimized for all devices (mobile, tablet, desktop)
  • Dynamic tech blog section with real-time content from Dev.to and GitHub APIs
  • Smooth scroll animations and interactive UI elements
  • Advanced search and filter functionality for blog posts
  • Professional project showcase with detailed feature lists
  • Skills categorization (Frontend, Backend, Mobile, Tools)
  • Experience timeline with company details and positions
  • Contact form integration for easy communication
  • SEO optimized with meta tags and semantic HTML
  • Dark mode interface with gradient accents
  • Animated background effects and parallax scrolling
  • Performance optimized with code splitting and lazy loading
  • Deployed on Netlify with continuous deployment

A modern, responsive personal portfolio website for Prof. Prasadini Gamage built with React 18, TypeScript, and Vite. Features a clean, professional design with fast performance and excellent user experience.

React 18TypeScriptViteLucide IconsESLint

Key Features:

  • Fast and modern development with Vite build tool
  • Type-safe development with TypeScript
  • Responsive design optimized for all devices
  • Professional UI with Lucide React icons
  • ESLint integration for code quality
  • Optimized production build with code splitting
  • Clean and maintainable code structure
  • Fast page load times with Vite optimization
  • Deployed with continuous deployment pipeline
  • Built by RGDev™ with attention to detail

A comprehensive Android finance management application built with Java, Firebase, and Material Design 3. Features multi-account management, automatic SMS parsing, visual credit cards, advanced analytics, smart budgeting, and biometric security for seamless transaction tracking.

AndroidJavaFirebaseMaterial Design 3MPAndroidChartFirestoreSMS ParsingBiometric AuthiText7 PDFGlide

Key Features:

  • Multi-Account Management (Bank, Credit Cards, Fixed Deposits)
  • Automatic SMS Transaction Parsing
  • Visual Credit Cards with Visa/Mastercard/AMEX variants
  • Advanced Analytics with Interactive Charts
  • Smart Budgeting with Real-time Tracking
  • Biometric Security (Fingerprint/Face Unlock)
  • Material Design 3 Dark Mode Interface
  • PDF Export and Financial Reports
  • Real-time Cloud Sync with Firebase
  • Recurring Bills Management with Reminders

Fitness Tracker Flutter App

A cross-platform Flutter app for tracking workouts, steps, calories, and progress. Integrates with Google Fit and Apple Health.

FlutterDartGoogle Fit APIFirebase

Key Features:

  • Workout and activity tracking
  • Step and calorie counter
  • Progress analytics
  • Google Fit/Apple Health integration
  • Cross-platform (Android/iOS)

React Native Social App

A social networking app built with React Native, featuring user profiles, posts, comments, and real-time chat.

React NativeExpoFirebaseSocket.io

Key Features:

  • User registration and profiles
  • Post creation and commenting
  • Real-time chat
  • Push notifications
  • Cross-platform support

E-commerce Store

A full-featured e-commerce web application with product listings, shopping cart, checkout, and user authentication.

ReactReduxNode.jsExpressMongoDB

Key Features:

  • Product catalog
  • Shopping cart
  • User authentication
  • Order management
  • Payment integration

Blog Platform

A multi-user blog platform with post creation, editing, commenting, and user profiles. Built with MERN stack.

MongoDBExpressReactNode.js

Key Features:

  • User registration/login
  • Create/edit/delete posts
  • Commenting system
  • User profiles
  • RESTful API

FlowTask is a production-ready task management and productivity application designed with a focus on clarity, flow, and execution. Built with React, TypeScript, Firebase, and cutting-edge web technologies. It helps users manage tasks, deadlines, priorities, and track productivity through an intuitive and modern interface.

React 18TypeScriptFirebaseCloud FirestoreFirebase AuthReact Router DOMCSS Modules@dnd-kitRechartsdate-fnsViteESLint

Key Features:

  • Authentication: Email/Password & Google Sign-In with secure user-specific data isolation
  • Task Management: Create, edit, delete tasks with due dates, priorities (Low/Medium/High/Critical), status tracking, tags, and subtasks
  • Multiple Views: List View with sorting, Kanban Board with drag-and-drop, Calendar View for date visualization
  • Smart Filters: All Tasks, Today's tasks, Upcoming tasks, Overdue tasks
  • Analytics Dashboard: Task completion stats, productivity streak tracking, priority distribution charts, status breakdown, weekly trends
  • Notifications & Reminders: Due date reminders, overdue alerts, in-app notification center, snooze functionality
  • Dark Mode: Full dark mode support with seamless theme switching and persistent preference
  • Cloud Sync: Real-time data synchronization, automatic Firebase backup, offline-ready architecture
  • Calendar Integration: Sync with Google Calendar and Microsoft Outlook/Teams, auto-sync at customizable intervals, bidirectional sync
  • Keyboard Shortcuts: Ctrl/Cmd + N (new task), Ctrl/Cmd + K (search), Ctrl/Cmd + A (analytics)
  • Security: Firebase Authentication, Firestore security rules, user-specific data isolation, secure API key management
  • Production Build: Optimized for Firebase Hosting deployment

A production-ready weather forecast web application built with React and Next.js, featuring real-time weather data, hourly and 7-day forecasts, dark mode, and beautiful weather-based backgrounds.

Next.js 16React 19TypeScriptCSS ModulesOpenWeatherMap API

Key Features:

  • Real-time temperature with "feels like" indicator, weather conditions, humidity, wind speed, and atmospheric pressure
  • Hourly Forecast: Next 24 hours prediction with temperature trends and precipitation probability
  • 7-Day Forecast: Daily high/low temperatures, weather icons, rain probability, and humidity levels
  • Location Search: Auto-detect current location, one-click location button, recent searches in localStorage
  • Dark Mode: Toggle between light and dark themes with modern header featuring blue gradient accents
  • Dynamic Backgrounds: Weather-based gradients (sunny, cloudy, rainy, night, etc.)
  • Responsive Design: Mobile-first approach, works seamlessly on all devices
  • Performance: Code splitting, lazy loading, optimized images, minimal re-renders
  • Accessibility: Semantic HTML, ARIA labels, keyboard navigation, sufficient contrast ratios
  • Offline Support: Shows cached data when offline, localStorage for preferences

Real-time Chat App

A real-time chat application with user authentication, group chats, and message notifications. Built with React and Socket.io.

ReactSocket.ioNode.jsExpress

Key Features:

  • Real-time messaging
  • Group and private chats
  • User authentication
  • Message notifications
  • WebSocket integration

PunchClock is a comprehensive, professional-grade time tracking Android application designed for freelancers, contractors, and professionals who need to accurately monitor their work hours, calculate earnings, and analyze productivity patterns. Built with modern Android development practices and featuring a sleek dark-mode UI, PunchClock offers secure authentication, cloud synchronization, and detailed analytics.

AndroidJavaAuth0FirebaseMaterial DesignMPAndroidChartWeatherAPIOkHttpPicasso

Key Features:

  • Precise Hour Logging, Real-time computation of hours
  • Company Profiles, Hourly Rate Configuration
  • Productivity Insights, Performance Metrics, Visual Charts
  • Auth0 Integration, Secure Cloud Sync
  • Weather & Holiday Integration, Smart Reminders
  • Modern UI/UX with enforced Dark Mode
  • Firebase Realtime Database, Gradle Build System

AstroViews is a captivating React.js application that fetches and displays NASA's Astronomy Picture of the Day (APOD), including the title and detailed information. It features daily updates, date selection, high-quality images, and download options for images and information.

React.jsCSSNASA APOD API

Key Features:

  • Fetches and displays NASA APOD
  • Shows title and detailed description
  • Daily updates and date selection
  • High-quality images with enlarge and download options
  • Download images as JPEG and info as text
  • Modern React.js code structure
  • Future enhancements: search, calendar, comments, statistics

Smart Diary Mobile Application

Led the development of a comprehensive mobile application for personal diary management, handling client communication, sprint work, and backend development.

Mobile DevelopmentBackend APIsDatabase Management

BMI Calculator App

Spearheaded the conceptualization and implementation of a BMI Calculator app, leveraging advanced technologies to deliver personalized health solutions.

Mobile DevelopmentHealth AnalyticsUI/UX Design

Food Delivery App

Contributed to the development of a comprehensive food delivery application, emphasizing seamless user experiences and efficient order placement.

Full Stack DevelopmentReal-time ProcessingPayment Integration

Latest Tech News

Building an AI-Powered Revenue Recovery Engine for SaaS 🚀 (Next.js 15 + Gemini 2.0)
javascript
3/6/20262 min read

Building an AI-Powered Revenue Recovery Engine for SaaS 🚀 (Next.js 15 + Gemini 2.0)

Every SaaS founder knows the "silent killer" of revenue: Involuntary Churn. It’s not that the...

Read More
I Built a Procurement Quotation Comparator API (Node.js + TypeScript)
node
3/6/20264 min read

I Built a Procurement Quotation Comparator API (Node.js + TypeScript)

Sharing how I built a vendor quotation comparator API using Node, TypeScript, and Express with a weighted scoring model.

Read More
My Self-Evolving AI Agent Learned to Count Its Own Money
ai
3/6/20267 min read

My Self-Evolving AI Agent Learned to Count Its Own Money

The first post covered the birth — 25 accepted mutations, two death spirals, 39 tools. The second...

Read More
Trending: cli - Google Workspace CLI — one command-line tool for D...
Open Source
3/6/20265 min read

Trending: cli - Google Workspace CLI — one command-line tool for D...

Google Workspace CLI — one command-line tool for Drive, Gmail, Calendar, Sheets, Docs, Chat, Admin, and more. Dynamically built from Google Discovery Service. Includes AI agent skills.

Read More
Trending: ANE - Training neural networks on Apple Neural Engine vi...
Open Source
3/6/20265 min read

Trending: ANE - Training neural networks on Apple Neural Engine vi...

Training neural networks on Apple Neural Engine via reverse-engineered private APIs

Read More
i built a social platform where everything vanishes after 24 hours
socialmedia
3/3/20262 min read

i built a social platform where everything vanishes after 24 hours

genjutsu is a fast-paced, developer-focused social network where everything vanishes every 24 hours....

Read More

Get In Touch

I'm always interested in new opportunities and exciting projects. Whether you have a question or just want to say hi, feel free to reach out!