Senior Software Engineer | React Developer
Hello, I’m
Isuru Lakruwan!
I am a seasoned Software Engineer specializing in front-end development, with over 4 years of hands-on experience.
Tech stack
Work experience
Axis Tech Lanka Pvt Ltd is a dynamic technology company specializing in providing innovative IT solutions and services. With a strong commitment to excellence, Axis Tech Lanka offers a wide range of services, including software development, IT consulting, and digital transformation. The company is dedicated to helping businesses enhance their operations through cutting-edge technology, ensuring they stay competitive in today’s rapidly evolving digital landscape. Known for its customer-focused approach, Axis Tech Lanka delivers reliable, high-quality solutions tailored to meet the unique needs of each client.
Spearheaded front-end development using ReactJS, NextJs, Storybook, ReactNative, and GraphQL, ensuring high-quality code delivery.
Led knowledge-sharing sessions, mentoring junior developers, and collaborated closely with stakeholders to guarantee timely project completion.
Conducted R&D to troubleshoot front-end issues and enhance platform functionality, including integrating custom plugins, implementing cost-effective solutions, and adding AI-based features for improved performance and user experience.
Provided consultations to other companies on their request.
Bistec Global is a leading technology solutions provider specializing in delivering innovative digital transformation services to businesses worldwide. With a strong focus on quality and client satisfaction, Bistec Global offers a wide range of services, including web and mobile application development, UX/UI design, enterprise solutions, and cloud computing. The company is renowned for its expertise in platforms like Sitecore, enabling businesses to create seamless, personalized digital experiences. By combining technical excellence with a deep understanding of industry needs, Bistec Global empowers organizations to achieve their digital goals efficiently and effectively.
Developed and maintained a comprehensive UI/UX style guide to ensure design consistency and adherence to best practices across the project.
Led and mentored team members in SCSS best practices and HTML layout techniques, simplifying code and facilitating easier future updates.
Suggested improvements for React component coding practices to optimize performance and simplify common components.
Advised on fluid responsive behavior to achieve pixel-perfect Figma design implementation, balancing design fidelity with Sitecore best practices.
Collaborated with design, marketing, and client teams to ensure alignment and effective communication throughout the project.
Alphabetical IT LLC is a forward-thinking technology company that provides a wide range of IT solutions and services tailored to meet the needs of modern businesses. Specializing in areas such as software development, IT consulting, and digital transformation, Alphabetical IT is dedicated to helping organizations optimize their operations and stay ahead in the digital age. With a strong focus on innovation and customer satisfaction, the company delivers high-quality, customized solutions that drive business growth and efficiency.
Contribute to develop state of the art angular web applications.
Contributed to develop and maintain wordpress web sites.
Projects
The authoring tool is a platform designed for tutors to input and manage question sets on the ReadyMe web and mobile platforms. It allows authors and contributors to add, view, and edit question sets, including individual questions, answers, and explanations, based on their role permissions. Users can also publish or unpublish question sets as needed. The tool features AI-generated explanations based on the question, its answers, and the correct answer(s). Content is entered through a WYSIWYG (What You See Is What You Get) editor, providing an intuitive and user-friendly experience.
Integrated TinyMCE editor into the platform and built a custom plugin to support LaTeX characters for mathematical notation using MathJax.
Researched and developed a cost-effective solution to replace TinyMCE by implementing a customized Slate editor. Adapted Slate’s functionality to match the features and user experience of TinyMCE.
Developed and integrated plugins for the Slate editor to support image uploads directly to AWS S3 buckets and MathJax for rendering mathematical notation.
Led the team on development of an NPM library to verify Slate editor output, ensuring compatibility and preventing issues with over 25,000 existing questions and answers.
Researched and developed AI-based explanation generation using OpenAI, involving prompt engineering to create explanations based on entered questions and answers.
Designed and implemented the project architecture, including routing, dashboard, and questions view, among other key components.
A cutting-edge exam preparation mobile app designed to meet specific goals, providing a wide range of educational materials with an adaptive learning system. It enables users to focus on a personalized learning journey, thereby boosting motivation, improving learning effectiveness, and enhancing knowledge retention.
Implemented analytics with aws firehose.
Implemented question sets workflow.
R&D for rendering latex characters with mathjax to display mathematics saved to the backend from the authoring tool, overcoming limitations with the libraries.
The web edition of the ReadyMe Mobile app caters to learners of all skill levels, featuring an adaptive learning structure to meet individual learning goals. It empowers users with personalized learning journeys, fostering motivation and optimizing efficiency.
Guide the team to achieve exact figma design with fluid responsiveness of the ui with css best practices.
Crafted the question practice flow interfaces with meticulous attention to detail and a focus on enhancing user experience and usability.
Implementing the latex rendering with mathjax for mathematical equations rendering.
Led the 'Real Floor Planner' project, which resulted in the development of a versatile web platform for interactive floor planning and facility management. The tool supports floor plan design via a web interface, streamlining booth booking and asset management.
Implemented dynamically rendering of backend map data in HTML Canvas.
Engineered advanced interactive features: Developed functionalities such as drag-and-drop booth movement, grid display with snap-to-grid, booth splitting and merging, slot deletion, point-specific zooming, and saving updated maps to the backend, all while handling complex mathematical logic.
Implemented smooth auto-centering and zooming: Developed a feature to automatically center and zoom in on the relevant booth with smooth animation when the booth owner is selected from the side panel.
Optimized canvas rendering performance: Reduced re-renders to create a lighter application, enhancing browser performance and improving overall user experience and reliability for event organizers.
CSR CMS is a Sitecore web content management system developed for an Australian client by BISTEC Global Services in Sri Lanka. Hired from Axis-Tech as a UI/UX consultant, I guided and led the developers in UI development to meet industry standards.
Developed a comprehensive style guide for UI/UX and Sitecore developers, providing detailed design standards and best practices to ensure consistency and quality across the project.
Refactored SCSS files and reorganized the file structure, authorized and conducted risk-assessed code refactoring to enhance performance and future-proof the project while ensuring timely delivery.
Led and guided team members in SCSS best practices and HTML layout arrangements, resulting in simpler code and facilitating future changes with minimal effort. For example, advised on deriving precise mathematical equations for calc() functions instead of using arbitrary values, which led to more maintainable and easier-to-update code. .
Made suggestions for improving coding practices and performance in React components, including optimizing and breaking down common components.
Advised the team and client on fluid responsive behavior while achieving pixel-perfect accuracy for Figma designs at relevant resolutions, balancing optimal design with Sitecore best practices and limitations.
Participated in meetings with the design team, marketing team, and clients to ensure alignment and collaboration.
Developed complex UI features using SCSS instead of JavaScript where possible, reducing Sitecore complications and improving performance.
A sophisticated React web application engineered for managing SMS campaigns in the United States. It encompasses a broad spectrum of functionalities such as bulk SMS sending, receiving client responses, executing scheduled campaigns, and administering user roles effectively.
Utilized a powerful stack including ReactJS, CSS, HTML, TypeScript, and REST APIs to build a robust and responsive interface.
Implemented a system for receiving and managing client responses, enhancing two way campaign communication.
Implemented smooth auto-centering and zooming: Developed a feature to automatically center and zoom in on the relevant booth with smooth animation when the booth owner is selected from the side panel.
Designed a real-time analytics dashboard to monitor campaign performance and engagement metrics.
Paper Qualifications
The BSc (Hons) in Information Technology at SLIIT Malabe, Sri Lanka, provides a solid foundation in IT, covering key areas like software development, networking, and cybersecurity. The program blends theoretical knowledge with practical skills, preparing students for successful careers in the tech industry.
Deep Learning
Machine Learning
OOP
Project Management
Java
C++
Fields of study: Computer Science and Statistics
Pure Mathematics
Statistics
DCCN
Software Engineering
Java
What people think about me!
"Isuru's work as a UI engineer on our NextJS/XMCloud project was exceptional. His comprehensive UI style guide and skillful handling of responsive design challenges significantly elevated our deliverables. Isuru's ability to balance aesthetics with functionality makes him a valuable asset to any team."
Buddhima Wikramasighe, CTO, Bistec Global
"I had the pleasure of working with Isuru on a significant and critical project. His professionalism and dedication stood out throughout our collaboration. Isuru consistently meets expectations and takes full responsibility for his work. He approaches every task with seriousness and commitment, striving to deliver high-quality results. I have no doubt that he will be a dependable engineer for any project. I wish him all the best in his future endeavors."
Sanjaya Kasthuri Arachchi, Chief Operations Officer, Bistec Global
"Isuru’s ability to blend creative design with a deep understanding of user needs has significantly improved the usability of the products. He transforms complex requirements into efficient designs that met both user and business objectives. He is good in collaborating across cross-functional teams ensuring that the design vision was maintained throughout the process. He will undoubtedly be an asset to any team."
Thulashini Sathurraman, BTG Consultant - Business Analyst
Sharing knowledge with everyone
I've always enjoyed sharing knowledge, even from a young age. Over a year ago, I wrote a small article, but I paused writing due to time constraints. Recently, I discovered it ranked first on Google for "React MathJax," which has inspired me to start writing again.
Curious about me?
Three decades ago, I was born to take on challenges. One of my proudest achievements is successfully completing not one, but two BSc degrees simultaneously. I juggled a 4-year IT degree from SLIIT while also pursuing a physical science degree with computer science and statistics. Managing both degrees, especially with the campuses being over 400km apart, was no easy feat. But overcoming this challenge has solidified my confidence, proving to myself that no challenge is too great for me to conquer.
I love to experience sharing, in my profession as well as in real life. What i do believe is there are no incapable people in this world, the only reason for someone’s poor performance is lack of proper mentorship. Not everyone knows how to learn the way to learn. I do mentor the juniors while ensuring they feel respected and capable. I prefer giving them the net to catch fish instead of giving them fish.
Since childhood, I’ve been a technical enthusiast who loved reverse-engineering things I saw. I always wanted to create something new or improve what already existed, thinking outside the box even as a kid. Around 20 years ago, when I was about 10-12 years old, I imagined things like why we couldn't develop a car suspension system that adjusts to road conditions using lasers or a similar system to make journeys smoother. I also wondered about implementing self-driving cars with image processing and laser detection, even though I knew nothing about programming or that concepts like image processing even existed, and I hadn’t been exposed to the internet. Years later, when these ideas became a reality using the same technology I had envisioned, I was genuinely surprised at myself.
Talking about my personal life, I'm a traveler who loves exploring scenic environments. Besides that, I'm also a highly talented musician and singer, playing instruments and singing purely for my personal enjoyment.
About this Site
Designed and developed by myself using Next.js and Styled-components, this site was deployed on Vercel in a short time. It’s crafted specifically to showcase my skills and experience. Stay tuned for new features and improvements!
Interested? Feel free to contact me!
Find me on below platforms!
+94714095995
isurulakr@gmail.com