| situation: | |
| During the development of a public-facing website for a bank, the team encounters a security vulnerability | |
| that could potentially compromise customer data. The security team raises a red flag, and there is concern about | |
| the potential impact on the bank's reputation and compliance with regulatory requirements. | |
| resolution: | |
| Following the below we got to resolve and prevent further issues | |
| Immediate Response: The development team takes the security vulnerability seriously and promptly notifies the | |
| project stakeholders, including the bank's security team, compliance team, and project managers. |
| Vistex: At Vistex, I started my career by creating web applications for SAP GUI, where I gained valuable experience in integrating modern web technologies with SAP systems. My role as a frontend developer involved working closely with the UX team to design and develop user-friendly interfaces that seamlessly integrated with SAP GUI, providing a smooth and efficient user experience for enterprise users. | |
| DBS: At DBS, I had the opportunity to be part of a major revamp of the public websites using cutting-edge technologies such as Next.js and serverless architecture on AWS. My focus was on the frontend development, where I leveraged my expertise in building responsive and accessible user interfaces. I also played a key role in implementing the design system, ensuring consistency and scalability across the websites, and creating delightful user experiences for DBS customers. | |
| Uber: At Uber, I worked on growth tools aimed at consolidating them into a unified platform. As a frontend developer, I collaborated with p |
| Problem: Improving performance and user experience of DBS.com.cn website for Chinese users. | |
| Context: DBS Bank identified that the performance and user experience of their website, DBS.com.cn, was subpar for Chinese users due to slow loading times and suboptimal design. As a front-end developer, you were tasked with finding solutions to improve the website's performance and user experience for Chinese users. | |
| Solution: | |
| Content Delivery Network (CDN): Implementing a CDN specifically optimized for Chinese users, with edge servers located in China, to deliver website content faster to users within the country. This helped reduce latency and improve the website's loading times. | |
| Localization and Cultural Considerations: Adapting the website's design, content, and user interface to cater to Chinese users' preferences and cultural norms. This involved using appropriate fonts, colors, images, and language, as well as ensuring compliance with local regulations and policies. |
Lapse is a web-based application that allows you to record your screen and generate timelapse videos directly in your browser using FFmpeg WASM.
| // Step 1: Get default media source (screen) | |
| const mediaSource = navigator.mediaDevices.getDisplayMedia({ video: true }); | |
| // Step 2: Record screen and save images as blob arrays every 1 minute | |
| const imageBlobs = []; | |
| const imageCaptureInterval = 60000; // 1 minute | |
| mediaSource.then(screenStream => { | |
| const mediaRecorder = new MediaRecorder(screenStream); | |
| mediaRecorder.ondataavailable = (event) => { |
| const { app, BrowserWindow, shell, Tray, ipcMain, Menu, TouchBar , nativeImage } = require('electron'); | |
| const { TouchBarButton, TouchBarLabel, TouchBarSpacer } = TouchBar; | |
| const { platform } = require('os') | |
| const path = require('path'); | |
| const isDev = require('electron-is-dev'); | |
| const electron = require('electron') | |
| let mainWindow,tray; | |
| const winURL = isDev | |
| ? 'http://localhost:8080' | |
| : `file://${path.join(__dirname, '../build/index.html')}` |
| <link rel="import" href="../google-map/google-map.html"> | |
| <link rel="import" href="../core-input/core-input.html"> | |
| <link rel="import" href="../speech-mic/speech-mic.html"> | |
| <polymer-element name="my-element"> | |
| <template> | |
| <style> | |
| :host { | |
| position: absolute; |
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
| <link rel="import" href="../paper-tabs/paper-tabs.html"> | |
| <link rel="import" href="../paper-tabs/paper-tab.html"> | |
| <link rel="import" href="../core-animated-pages/core-animated-pages.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/hero-transition.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/cross-fade.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/slide-down.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/slide-up.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html"> | |
| <link rel="import" href="../core-scaffold/core-scaffold.html"> | |
| <link rel="import" href="../core-header-panel/core-header-panel.html"> |
| <link href="../paper-tabs/paper-tabs.html" rel="import"> | |
| <link href="../paper-tabs/paper-tab.html" rel="import"> | |
| <link href="../core-animated-pages/core-animated-pages.html" rel="import"> | |
| <link href="../core-animated-pages/transitions/hero-transition.html" rel="import"> | |
| <link href="../core-animated-pages/transitions/cross-fade.html" rel="import"> | |
| <link href="../core-animated-pages/transitions/slide-down.html" rel="import"> | |
| <link href="../core-animated-pages/transitions/slide-up.html" rel="import"> | |
| <link href="../core-animated-pages/transitions/tile-cascade.html" rel="import"> | |
| <link href="../core-scaffold/core-scaffold.html" rel="import"> | |
| <link href="../core-header-panel/core-header-panel.html" rel="import"> |
