React
12/15/2024•8 min read
Building Scalable React Applications with TypeScript
Learn how to structure large-scale React applications using TypeScript for better maintainability and developer experience.
Read More
Ranul Gamage
Software Engineer at Axiata Digital Labs
Full Stack Developer | Mobile App Developer
Specialized in React, TypeScript, Java Spring Boot, Android, React Native, and Flutter
About Me
Professional Journey
As a Software Engineer at Axiata Digital Labs, I bring a strong foundation in software design and application development. I excel at multitasking and time management, driven by a strong work ethic to ensure product success and process efficiency.
During my tenure at Curtin University, I led the development of innovative mobile applications, managed client communications, and spearheaded the implementation of cutting-edge technological solutions.
My experiences highlight my proficiency in problem-solving, project management, and collaborative teamwork, and I am eager to leverage these skills to contribute effectively to the software engineering domain.
Education
Bachelor of Computing - Computer Software Engineering
Curtin University (2021 - 2024)
Foundation Certificate in Information Technology
SLIIT City UNI (2019 - 2020)
Location
Pita Kotte, Western Province, Sri Lanka
Technical Skills
Frontend
ReactTypeScriptJavaScriptNext.jsRedux.jsTailwind CSSBootstrapMaterial-UIAnt DesignSASS/SCSS
Backend
Java Spring BootREST APIsMongoDBMySQLHibernateJPAMicroservicesRabbitMQKafka
Mobile
AndroidReact NativeFlutter
Tools
GitGitHubGitLabJenkinsDockerPostmanSwaggerWebpackViteJestCypress
Experience
Axiata Digital Labs
Colombo District, Western Province, Sri Lanka
Software Engineer
Current PositionJan 2025 - Present
11 months 3 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
Projects
Personal Portfolio Website
A modern, responsive personal portfolio website showcasing skills, experience, and projects. Built with React, Tailwind CSS, and deployed on Netlify.
ReactTailwind CSSNetlify
Key Features:
- Responsive design
- Animated sections
- Contact form integration
- SEO optimized
- Deployed on Netlify
Expense Tracker Android App
A robust Android app for tracking daily expenses, budgets, and financial analytics. Features include charts, reminders, and cloud sync.
AndroidJavaFirebaseMPAndroidChart
Key Features:
- Expense logging and categorization
- Budget management
- Visual analytics with charts
- Cloud sync with Firebase
- Reminders and notifications
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
Task Manager App
A productivity app for managing tasks, deadlines, and priorities. Features drag-and-drop, reminders, and analytics.
ReactTypeScriptFirebase
Key Features:
- Task creation and editing
- Drag-and-drop organization
- Reminders and notifications
- Progress analytics
- Cloud sync with Firebase
Weather App
A weather forecast app using OpenWeatherMap API, showing current conditions, hourly and weekly forecasts, and location search.
ReactOpenWeatherMap APICSS
Key Features:
- Current weather
- Hourly and weekly forecast
- Location search
- Responsive design
- API integration
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 Blog Posts
Backend
12/10/2024•12 min read
Microservices Architecture with Spring Boot
A comprehensive guide to implementing microservices using Spring Boot, Docker, and Kubernetes.
Read More
Mobile
12/5/2024•6 min read
Mobile-First Design Principles
Best practices for creating responsive and user-friendly mobile interfaces that convert.
Read More
Database
11/28/2024•10 min read
Optimizing Database Performance in Production
Practical strategies for improving database query performance and scaling your application.
Read MoreGet 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!
ranul@rgdev.tech
GitHub
github.com/ranulgamage
linkedin.com/in/ranul