SILICON VALLEY WEB DEVELOPMENT
U.S.-basedwebdevfe@gmail.com
Hi! I’m a San Francisco Bay Area based web developer with a solid technical experience in building modern web applications with performance, security and scalability in mind. My work is focused on building customized applications, collaboration tools, data visualization dashboards, web components, automation, API development and integration, responsive design, web accessibility, general web development and bug fixing. I always keep my skills fresh by staying on top of the latest technologies, industry trends and practices.
- I work with modern technologies such as React, Node.js and Webpack
- Architect SPA or MPA web applications, microservices
- Automation with Google Apps Script. Google APIs (Google Sheets, Drive, Calendar, Maps...), Monday.com, StoreLeads, Slack, Reddit
- API integration: GCP and AWS.
- Data Visualization and connection to Salesforce APIs
- Clear professional communications and honest advise
- I work in U.S. time zone
- References available upon request
Tech Stack: JavaScript, data structures and algorithms, Web Components, Lit, React, Redux, Angular, Vue.js, Backbone, Knockout, TypeScript, Google Closure, RxJS, NgRx, Immutable.js, d3.js, ES6, Webpack, Handlebars, jQuery, Paper, Bootstrap, Material Design, Semantic UI, JSON, XML, HTML5, CSS3, SASS, WordPress, GraphQL, APIs, AJAX, WebSocket, Node.js, Next.js, SPA, MPA, PHP, SSR, Jinja 2, Python, JSP, XSS, Google Apps Script, GCP, Plx, Google Sheets, Google APIs, Java, Rails, RequireJS, Grunt, Gulp, Bower, Jenkins, MongoDB, MySQL, Maven, Karma, Jasmin, Git, Git Gerrit, Docker, automation, Google Sheets, AppMaker, AWS, Lambda, S3, RDS, SAM.
Client Recommendations
SEM Technology
My Work
zWidgets
Built a complete end-to-end web application as part of my SaaS platform. The web app collects user input and data, computes data and generates dynamic charts for analytics, offers cross-domain communication solution, user-client customization, WordPress itegration and more. Implemented: JWT token Auth, APIs, UI Widget with cross-domain communications using iFrame.
Tech Stack:
React, Redux, JavaScript, PHP, Node.js, MySQL, d3
Google: Automation
Automated tasks with Google Apps Script to collect and manage data in and between Google groups within Alphabet. Built web apps from Google Sheet data to allow Google teams manage their data using intuitive UI instead of sheets. Developed and improved algorithms for application performance.
Built a powerful web application using low-code AppMaker and connected with dashboards using automation.
Automated data and triggers from Google Sheets, Google Calendar, and other Google APIs to comunicate with webhooks and external APIs (web app, Slack, Reddit).
Tech Stack:
Google Apps Script (GAS), Google Sheets, APIs, AppMaker, automation, SQL, dashboards, algorithms, JavaScript, server-side, webhooks, Slack API, Reddit API, Google APIs, Monday.com, StoreLeads.
Cred, Inc
Re-architected Front End based on the tech stack: React, Redux, Node.js, Webpack, JavaScript. Implemented: JWT token based secure auth; 2FA; JavaScript SDK. Optimized performance of mobile and web versions of the app. Streamlined and refactored code. Migration to a new version of APIs.
Tech Stack:
React, Redux, JavaScript, Webpack, React-Bootstrap, Node.js APIs, CSS, HTML5, Docker, AWS, Kubernetes
Google: AI
Google AI image recognition web app for training data. It uses Google's internal Machine Learning algorithm engine.
Tech Stack:
JavaScript, Web Components, LitElement, Polymer, Closure, Redux, Python backend
YouTube: Component Library
This light weight Componenent Library serves the needs of keeping consistency in User Experience and development practices across YouTube organization.
Supports Web Accessibility, Internationalization
Tech Stack:
JavaScript, SCSS, Jinja 2, Python, Web Accessibility, Google internal tools
Google: BugDashboard
Google’s internal centralized bug tracking and project management application. A number of highly desirable features were added to the product and released in 2019. Dynamic table resizing and adding a custom link is one of such major enhancements.
Tech Stack:
Angular, TypeScript (strict mode), JavaScript, RxJS, NgRx, Immutable.js, Material Design, Proto Buffer, Google Apps Script, Google internal tools
Chegg: Flashcards
Tech Stack:
Chegg Flashcard is one of Chegg's core features and an app that allows students to study for tests when they're on-the-go.
JavaScript, React.js, ES6, Webpack, Node.js, HTML5, SCSS, GraphQL, Apollo, APIs, Bootstrap.
Walmart.com: migration of API Services
Walmart Labs upgraded the API Services that resulted in various high severity bugs. Here’s one of such issues that required work on the server side prior page render. The data set no longer returned the same model structure, disabling various feature components and breaking the code.
Tech Stack:
React.js, Redux, ES6, Node.js, SSR, Stylus, Webpack, JavaScript
MyFitment: Embedded Widget
Tech Stack:
This externally hosted widget can be embedded into any website by just copying one line of code. The script establishes a secure cross-domain connection to communicate between the client and external APIs.
JavaScript, Vue.js, ES6, Webpack, Node.js, Next.js, HTML5, SCSS, external APIs, Bootstrap
Macys.com: Component Browser
The internal tool is built to aid company’s development teams with live information and status of updates for app components developed within the organization. It queries private GitLab repos, checks and displays changes such as new, removed or modified packages, dependencies. Users can search for projects or navigate the tree. The beckend in Node.js and MongoDB is connected to the deployment system and with every Jenkin’s build a script would kick off a task to push project meta data to the tool’s APIs. The tool’s backend would deconstruct the data, create and organize a record in the database.
Tech Stack:
Vue.js, React.js, Backbone.js, JavaScript, Node.js, ES6, Webpack, MongoDB, Redis, Foundation, HTML5, Sass
Stanford VPTL: HST project
Stanford VPTL group had an objective to release an educational web application that allows university professors to create and manage class exams. I was responsible to architect and develop this new product from its inception to the end. The application is focused on complex user interactions, integration with RESTful API internal and external services, various devices support and support accessibility. Features:
- Authenticate user with roles
- Create new exams
- Load and edit existing exams
- Perform searches with filtering and sorting
- Upload and Remove media files
- Smart auto scroll based on states
- Auto save documents in Edit mode
- Validate data
- Supports Security
- Built with Performance in mind
- Supports Responsive Design
- Supports Accessibility
Tech Stack:
AngularJS, Require.js, JavaScript, Angular Bootstrap UI, Java RESTful backend, HTML5, CSS, SQL, Maven, Jenkins, Accessibility
Teradata: App Center 2.0
The project involved building the next version of App Center dashboard with re-designed UI, improve application's performance and introduce new features. Integrated Login Auth, LDAP Settings, JSON validation, Stepper and other modules.
Tech Stack:
Angular 2, JavaScript, EC5, Angular Material Design, Angular-Formly: Material Templates, Data Structures, Java RESTful APIs, Node.js, Docker Containers
skyPatrol: Pebble Smartwatch App
skyPatrol displays real-time information of airplanes in the sky, based on user location.
The app is built for smart watch Pebble. When user selects a button to load the info, a request to the API end point is made. The response is a JSON based object that returns data and renders on the screen of the watch.
Tech Stack:
PHP API, JSON, JavaScript, Pebble.js, Pebble location, Pebble Ajax
Cisco Intercloud: AMP (Account Management Portal)
This portal was built to allow CISCO Cloud users to have a consistent flow and seamless experience of interacting with various external CISCO systems.
The project involved a complete UI Architecture of the large scale application, integration with external and internal system components, RESTful API, security, authentication, SSO support, permissions, cross system communication, performance optimization, responsive design and more.
Tech Stack:
AngularJS, Require.js, Data Structures, Java, Node.js, REST APIs, CSS3, Bootstrap, JavaScript, jQuery, r.js, HTML5, redhat, Maven, Jenkins
Monster Cable Products
Converted and refactored web site’s entire code to support responsive design. Upgraded and implemented functionality of site's components to work in various browsers and browser versions.
Tech Stack:
CSS3 with animations and media queries, JavaScript, jQuery plug-ins, Bootstrap Mobile, .Net
e8Security: Cyber Security Detection Data Visualization
Botnet Cluster Visualization Prototype is a proof of concept for a feature of the anomaly detection application aimed at monitoryng and detecting security intelligence data. The chart communicates a scenario where a source IP/domain transmits data to a destination IP/domain at a particular time period. The feature allows asynchronous client-server communications utilizing RESTful API services, data transformation and custom formatting. The data is updated and rendered dynamically in the browser as a chart.
Tech Stack:
d3.js, Data Structures and Algorithms, Node.js, AngularJS, Require.js, Handlebars, Javascript, jQuery.js, CSS, HTML5, Bootstrap
Norse Corp: Cyber Security Data Visualization
Conceptualized, wire-framed and built a Data Visualizing dashboard for Cyber Security Network Management. Socket IO interface to pipe and render network traffic and threat data. Built Link Attribution module in d3.js to interact and retrieve linking data sets.
Tech Stack:
d3.js, Data Structures, Node.js, WebSocket, Backbone.js, Require.js, Handlebars, JavaScript, jQuery.js, CSS, HTML5, Bootstrap
AT&T: AIR BI Tool
AT&T’s project AIR entailed building a Business Intelligence Tool for advertisement reporting and analytics. The tool pulled daily Big Data reports (TV, Cell phone, web), rendering in dynamic Data Visualization modules and thus allowing to interact and make scientific inferences, forecasts and computations.
Tech Stack:
d3.js, JavaScript, jQuery, Data Structures, Backbone.js with Require.js, Node.js, Phantom.js, HTML5, CSS3
Walmart: Vudu, Pharmacy projects
Walmart’s Vudu Video Service required client-side code optimization to enhance performance and transition from YUI to jQuery library support.
Pharmacy project’s objective was to redesign the module, enhance user experience and support new features. Asynchronous client-server content exchange leveraged via JavaScript, jQuery and JSON as well as re-architecture of global components have improved overall site performance and thus user experience.
Tech Stack:
YUI, jQuery, JavaScript, Data Structures, HTML5, CSS3
eBay: shopping.com projects
"Guides" feature, composed of individual widgets, allowed users to create, edit and publish their own customized rich content pages to the web and be searchable by search engines. The widgets were: “Product” with Ajax + JSON driven “Mini Search” component, “Image Upload”, “WZWG Text Editor”, “Embeded Video Upload”. Implemented lazy loading, dynamic DOM manipulation, drag and drop, Ajax-based pagination, dynamic interactions and efficient Object Oriented JavaScript code. “Whislist” was introduced as one of the first e-commerce widgets that became popular with other e-commerce sites.
Tech Stack:
JavaScript, jQuery, jQuery plug-ins, Data Structures, HTML5, CSS3
BlackRock: Tools, Internationalization Mexico
Project "Tools" was released in Q-3 of 2009. The objective was to introduce a new, easy and highly interactive experience for users to preview their financial analysis data summary.
Lazy loading concept allowed smart and fast on-demand data loading, thus allowing significantly faster performance on the Front End. Data Visualization allowed dynamic rendering and interaction of charts. Implemented system internationalization to serve Latin America.
Tech Stack:
JavaScript, jQplot.js, HTML, CSS3, JSP, JSTL, XML
Macy’s
A highly desired feature, “Find It In Store”, was launched on macy's site to provide users with convenient experience of checking a product’s in-store availability in a near-by macy’s store location. It enabled users with an easy, fun and convenient online shopping experience by allowing them in real-time to check whether an item is available, draw directions to the closest macy’s store and print out the map and the barcode.
YUI libraries, MapQuest API integration, Ajax with JSON formated data, CSS were the main technologies and implementations used to develop this wizard-like flow.
Tech Stack:
YUI, JavaScript, MapQuest API, XML, HTML, CSS3
Clients
