Skip to content
I build web applications using modern technologies: React.js, Redux, Vue.js, Angular, Polymer, TypeScript, Node.js, Webpack ...
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
ATT_AdWorks_AIR.png
README.md
Screen Shot 2017-01-20 at 3.07.41 PM.png
Screen Shot 2017-01-20 at 3.09.55 PM.png
Screen Shot 2017-01-20 at 3.11.38 PM.png
Screen Shot 2017-01-20 at 3.12.16 PM.png
Screen Shot 2017-02-15 at 2.20.34 PM.png
Screen Shot 2017-02-15 at 2.49.04 PM.png
Teradata.gif
_config.yml
bigbangUpload.png
botnetClusterFull.png
bugdashboard_tableResize.png
bugdashboard_urlLink.png
cakefinancial.jpg
ciscoadminfinal.jpg
ciscoamp.jpg
client_monster.jpg
client_shopping.jpg
client_walmart_thumb.jpg
clientsBanner.png
consmr_01simayof.jpg
creditkarma.jpg
fanlib.jpg
fin_servcs_01conseco.jpg
food_01mcdouglas.jpg
hitsvillecasion.jpg
index
macys_sa.jpg
ofoto.jpg
onetimepayment.png
polarisComponentBrowser.png
prof_servcs_01smithhampton.jpg
ringblender.jpg
sch_01allentown.jpg
sch_01brooks.jpg
sch_01calcul.jpg
sch_01chubb.jpg
sch_01collins.jpg
sch_01devry.jpg
sch_01itt.jpg
sch_01mcintosh.jpg
selector.png
skyPatrolMenu.png
skyPatrol_hero.jpg
standard_step1.jpg
standard_step2.jpg
standard_step3a.jpg
standard_step3b.jpg
stanford.png
tech_01actify.jpg
tools_barclays.jpg
variants.png
variantsDebug.png
virgincasino.jpg

README.md

WEB DEVELOPER (OPEN TO REMOTE WORK ONLY)

e: jorawebdev@gmail.com

Professional Experience

I'm a Web Developer and UI Architect with a solid technical experience building web applications in San Francisco Bay Area. As a consultant, I work with large clients like Google or small startup teams with no name... yet. I always keep my skills fresh by staying on the top of the latest technologies, industry trends and practices. I'd like to learn your needs and how I can help you. Please reach out.

  • 18 + years of solid web development experience
  • I work with modern technologies
  • Clear professional communications and honest advise
  • Can cover project planning, design, implementation, testing and deployment
  • Quality code delivered on time
  • Available as needed. Client's needs first

Tech Stack: JavaScript, Polymer, litElement, Angular, React.js, Redux, Vue.js, Backbone.js, Knockout.js, TypeScript, RxJS, NGRX, Immutable.js, d3.js, ES6, Webpack, Handlebars, jQuery, Bootstrap, Material Design, Semantic UI, JSON, XML, HTML5, CSS3, SASS, APIs, AJAX, Socket.IO, GraphQL, Node.js, PHP, Python, JSP, XSS, Spring, Struts, XSLT, Java, Rails, RequireJS, Grunt, Gulp, Bower, Jenkins, MongoDB, mySQL, Responsive Design, Maven, Karma, Jasmin, Git, Git Gerrit, Docker.

Consulting Work

Google: AI

Google BugDashboard

Google AI image recognition web app.

Tech Stack:
  • Polymer, LitElement, Closure, JavaScript, Redux, Web Components, Python backend

Google: BugDashboard

Google BugDashboard Google BugDashboard

Google's internal bugtracking tool is expanding into a larger, centralized application for project overall tracking. A number of highly desirable features needed to be added in order to take the step towards that objective. Dynamic table resizing and adding a custom link would be some of many major enhancements.

Tech Stack:

Angular, TypeScript (strict mode), JavaScript, RxJS, NGRX, Immutable.js, Material Design, Proto Buffer

Walmart.com: migration of API Services

variants variants debug

Walmart Labs updgrated the API Services that caused various high profile bugs. Here's one of the issues that covers work on the server side area prior page render. The data set no longer returns the same structure and properties, disabling various feature compoments and resulting in page errors.

Tech Stack:

React.js, Redux, ES6, Node.js, Stylus, Webpack, JavaScript

MyFitment: iFrame Selector Project

iFrame Selector

This widget can be embedded into any 3rd party website by just appending a one line of code. The secure communication is handled via iframe and window.postMessage() mechanism, as the actual app is hosted somewhere else. This widget can be used for easy to integrate chat clients, search boxes and in many other cases. In this specific project, the widget is used to search auto parts between 2 independent domains.

Tech Stack:

VueJS, ES6, Webpack, Node.js, JavaScript, HTML5, SCSS

Macys.com: Component Browser

Component Browser

This internal tool is built to aid development teams with knowing the status of various individual components build 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 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 would diconstruct the data set and organize the record in the database.

Tech Stack:

React.js, Vue.js, JavaScript, Node.js, ES6, Webpack, MongoDB, Redis, Foundation

Stanford VPTL: HST project

Stanford Home Page

Stanford VPTL group had an objective to release an educational web application that allows professors to create and manage exams. I was involved in a complete UI Architecture and development, from project's inception to the end. The application is focused on complex user interactions with the web interface and RESTful API internal and external services. Features:

  • Authenticate user with roles
  • Create new exams
  • Load and edit exisisting 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 Assesibility
Tech Stack:

Angular, Require.js, JavaScript, Angular Bootstrap UI, Java RESTful backend, Data Structures, HTML5, CSS2, SQL, Maven, Jenkins

Teradata: App Center 2.0

Teradata App Center

The project involved building the next version of AppCenter dashboard with up-to-date UI and UX, better performance and richer 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, RESTful API communications, Java, Node.js, Docker Containers

skyPatrol: Pebble Smartwatch App

skyPatrol

skyPatrol skyPatrol skyPatrol skyPatrol

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)

![Cisco](Screen Shot 2017-02-15 at 2.20.34 PM.png)

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: Mobile Site

Monster Cable Products

Converted and refactored site's code to support mobile viewing experience and functionality. The site dynamically adjusts to various mobile devices, including iPhone, iPad and Android.

Enhanced functionality and layout of various components including navigation, supporting pages navigation, product main pages, main Responsive Design for main story page (http://www.monsterproducts.com/head-monster-story).

Tech Stack:

CSS3 with animations and media queries, JavaScript, jQuery plug-ins, Bootstrap Mobile, .Net

e8Security: Data Visualization

Botnet Data Viz

Botnet Cluster Visualization Prototype is a proof of concept for visualizing security intelegence data. The graph communicates a scenario where a source IP/domain sends data to destination IP/domain at a particular time period. The feature is built around asynchronous client-server communications utilizing RESful API services, data transformation and custom formatting to feed and render the graph, as well as real-time rich interactions.

Tech Stack:

d3.js, Data Structures, Node.js, AngularJS, Require.js, Handlebars, Javascript, jQuery.js, CSS, HTML5, Bootstrap

Norse Corp: Cyber Security Project

![Link Attribution](Screen Shot 2017-02-15 at 2.49.04 PM.png)

Conceptualized, wire-framed and built Dashboard for Cyber Security Network Management with Data Visualizing. Socket IO interface to pipe and render network traffic and threat data. Built Link Attribution widget in d3.js to interact and retrieve linking data sets.

Tech Stack:

d3.js, Data Structuresm, Node.js, Backbone.js, Require.js, Handlebars, Javascript, jQuery.js, CSS, HTML5, Bootstrap

AT&T: AIR BI Tool

AT&T AIR

AT&T’s project AIR entailed building a Business Intelegence 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 Vudu

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 exhange 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

eBay Shopping.com

"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

BARCLAYS GLOBAL INVESTORS: Tools, Internationalization Mexico

BGI tools

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

macys

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 intergration, 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

Previous Work:

Ofoto CreditKarma Fanlib CakeFinancial RingBlender Hitsville Casino Virgin Casino Simayof Allan Town Conseco Dr.McDougal's Smith Hampton Brooks College California Culinary Academy The Chubb Institute Collins College DeVry University ITT McIntosh College Actify

Clients:

clients

You can’t perform that action at this time.