Summary
I'm a Front End Engineer with over 12 years of experience in web development. I'm passionate about creating a web that is accessible to all and love exploring the latest web technologies.
Key skills
- Core Web Technologies
- Typescript/Javascript, HTML(5), CSS(3)/SASS, Browser and DOM APIs
- Javascript Frameworks and Libraries
- React and React Ecosystem, Svelte, Angular, Ramda, Lodash, and jQuery
- Other Web Technologies
- Webpack, NPM build scripts, Codemods, custom ESLint plugins
- Test frameworks
- Testing library, Jest, Enzyme, Webdriver
- Server Side
- Ruby on Rails, Node.js, and GraphQL
Professional Experience
- Atlassian Sydney
-
Tech Stack — Javascript, React, Webpack
- Currently working on the Atlassian Design System team which builds, maintains and services a set of more than 70 React components which serves as the UI foundation of all Atlassian products and ecosystem vendors. We also provide tooling and infrastructure like Codemods, design tokens and custom ESLint plugins which make it easy for other teams to use the components.
- Led the initiative to develop prototypes for Primitive components. These spikes led to creation of a robust set of foundational components which are accessible by default, improve developer productivity, and enable the evolution of the Design System at scale.
- Led a team of 12 engineers to drastically improve performance of all the Design System components and modernise the aging codebase to set it up for future upgrades. We also implemented tooling to help products consume these optimised components.
- Led a team of 8 engineers to develop new horizontal navigation system. This helped Jira drastically improve their page load performance and Confluence improve their customer satisfaction scores.
- Worked on multiple projects to migrate the Design System components to modern tech stacks. For eg, Flow to Typescript, styled-components to Emotion.
- Worked with Jira and Confluence to implement the vertical navigation system of components.
- Grab Singapore
-
Tech Stack — React, Redux, Webpack, Ruby on Rails, GraphQL, Apollo, Redis, MySql
- Worked full-stack on Gamma — a business critical internal tool, used to manage operations at Grab.
- Worked full-stack on Hub — a self serving portal targeting Passengers and Business to help manage their rides.
- Setup modular React component library to unify the UI for all of Grab's Web apps
- Monitor and fine tune performance of applications, assess and fix critical security vulnerabilities
- Promote Agile practices to help efficient product delivery
- Xenex ThoughtWorks, Gurgaon
-
Tech Stack — Angular, CoffeeScript, Bootstrap, LESS, Java
- Integration with existing portal using iFrames and PostMessage
- Ensure performance of Angular grid on a data heavy form
- UX inputs and paper prototyping
- Setup atomic design and mobile first CSS
- Ministry of Manpower ThoughtWorks, Singapore
-
Tech Stack — Angular, Sass, Bourbon, Neat, RoR
- Style guide driven development to quick UI prototyping and consistency
- Mobile first and Progressive enhancement
- Setup front end architecture
- Accessibility
- Indigo Airlines ThoughtWorks, Gurgaon
-
Tech Stack — iOS SDK, NodeJS and Express
- Setup NodeJS API server
- iOS development with TDD
- UX and interaction design of the app
- Healthcare at Home ThoughtWorks, Gurgaon
-
Tech Stack — CanJS, CoffeeScript, LocalStorage and AppCache, LESS Bootstrap, RoR
- Mobile web app development
- Offline support for mobile web app
- Setup front end architecture
- Object oriented JS with modules for backend app
- Iba Digital ThoughtWorks, Gurgaon
-
Tech Stack — Backbone.js, jQuery, Sass, Slim/Haml, RoR
- Semantic HTML
- Cross browser compatibility
- Front end best practices for nifty performance
- Talent Management System PeopleFluent, Bangalore
-
Tech Stack — jQuery, jQuery Mobile, Java, Spring MVC
- Mobile Web app for facilitating feedback using jQuery Mobile
- UA sniffing to detect mobile devices
- HTML5 form validation
Personal projects
- Converter Plugin for Cerebro
-
Tech Stack — ES2016, Ramda, Mocha, Chai, Sinon, and Flow type
- Works offline by caching exchange rates in local storage
- Functional programming practices like function composition, point free programming and pure functions
- Flow type to implement static type checking
- Diceware password generator
-
Tech Stack—Javascript and Webcrypto Api, Diceware word lists
- Implementation of Diceware password generator
- Support for various languages
- Support for extra security by adding special characters
- Polar clock canvas
-
Tech Stack—Javascript and Canvas API
- Based on idea by PixelBreaker
- Adapts to screen size
Education
Bachelor of Engineering in Computer Sciences in 2010
Other interests related to web
- Function programming
- Accessibility and Universal design
- Web security and performance
- Typography
- Interaction design