Tag: React

TechStyle Fashion Group – React, Redux, Node.js, TypeScript, API Development

TechStyle Fashion Group
TechStyle Fashion Group

TechStyle has become one of the fastest growing e-commerce companies in history. Five portfolio brands, JustFab, ShoeDazzle, Fabletics, Savage X Fenty and FabKids provide over 4 million VIP members with on-trend fashion at an exceptional value

In a cross-functional role, collaborated with multiple engineering teams to architect, develop and deploy new applications, new features, and enhancements to the company’s e-commerce web applications. 2 daily stand-ups and tickets on multiple Jira sprint boards.

Bento Migration Project: Complete rebuild of all business units’ front ends into responsive single page applications with React, Redux, Server-side rendering with Next.js, styled-components and prioritizing UX and ADA compliance.

  • Deployed Fabletics releases weekly to staging and production for the SPA
  • Responsible for the Cart on hover/tap and the SearchBar results combobox in top navigation bar in entirety for 2019 holidays launch.
  • Contributed to styled components library, React-UI, node module package.
  • Responsible for skip the month functionality using redux in React Packages, a mono repo of ~27 node module packages for the various business units’ react apps to install and utilize. The packages ranged from dev tools to handling next.js Server-side rendering, and API consumption.  Libs hosted on private registry.
  • Contributed to TypeScript and nest.js RESTful API layer to accommodate needs of migration.
  • Collaborated with business units to make sure Bento Migration was covering each business unit’s requirements.

Variant Price Testing Project: a/b test on price. Generated $250k more in 1st 3 days.

  • As part of a two engineer team, architected and developed 2 clean and performant TypeScript API microservices that were deployed into mesosphere DC/OS.  
  • Altered SQL tables to accommodate new feature.  
  • Enhanced the already present TypeScript and nest.js RESTful API’s that the business units use to get the user’s test group and price.

Fabletics Vue/Vuex Checkout Project: rebuilt from scratch in Vue and Vuex and consumed API responses; replaced legacy monolith ColdFusion checkout that hit the database directly. Generated $26k more in 48 hours for VIPs.

  • Tech planning spike to research architecture for using apis.  Wrote up basic architecture and technology in Confluence for the team to implement.
  • Spearheaded building a workflow to create a SDK from swagger docs on our TypeScript and nest.js RESTful API.  Worked with devops and API team to create the Jenkins workflow to build a SDK from a qa instance branch of the API with one Jenkins job.
  • Created a Vuex module for error handling all API requests and retrying on timeouts and a certain set of http status codes for some endpoints.
  • Created an interactive SDK testing tool that made it easy to use in a browser to test/try out various SDK operations for the team.
  • Created jest unit test codebase for command line.
  • Ran integration tests on SDK’s and trained other engineers on how it worked, how to run the Jenkins job, how to test SDKs and how to debug and troubleshoot errors.
  • Aided in strengthening performance and lessening api calls.

“Stealth mode” startup – React, Node.js, MongoDB

“Stealth mode” startup project of the founder of UX Magicians.

Single-handedly, architected, developed and deployed 2 full 3-tier heavily interactive and responsive web applications in React, Node.js and MongoDB on AWS with engaging user experience, UX. Worked one on one with Creative Director Founder from ideation to deployment of marketing and product web applications with full development and production environments. Scrum Sprints and Daily Stand-ups

  • Discovery Phase:
    • Wrote extensive system design, information architecture, data architecture and API architecture documentation.
    • Gathered requirements, creative comps, and assets from the founder.
    • Researched the project in depth and assessed risk to make all decisions on technology stack for the MVP.
    • Wrote detailed Statement of Work with scope of work, terminology, and timeline to launch of product.
  • DevOps Responsibilities – all AWS activities:
    • Deployed EC2 instances with security groups. Installed of all software. Configured the 2 MongoDB mongod processes and the 2 Node.js API servers with Okta authorization APIs.  Configured and administered Okta.  Configured httpd, iptables, crontab, pm2, etc.
    • Set up of hosted zones in Route 53.
  • Front End Responsibilities – all React Responsibilities:
    • Architected, developed and deployed 2 fluid, responsive, enterprise-level front end web applications in React with HTML5, CSS3/CSS4, Bootstrap, ES6 JavaScript and JSX on Amazon Web Services EC2 Linux instance to web standards and best practices. Administered Okta account and implemented authorization with Okta context.
    • Data, animation, chart, etc.: lodash, ReactMotion, TweenItemAnimation, ReactCSSTransitionGroup, BizCharts
    • Setup and administered Github repository.
  • Back End Responsibilities – all Node.js API & MongoDB server Responsibilities:
    • Architected, developed and deployed per action plan from Discovery Phase. Node.js, npm, Express, Mongoose.

LandCycler – React, Node.js, MongoDB

LandCycler
LandCycler

LandCycler is a real estate investment operation, buying and selling rural vacant land.

As sole engineer, architected, developed and deployed entire 3-tier data driven, cross-platform compatible web application with real estate data aggregation from 3rd party endpoints, real estate comparable sales analysis, acquisition and sales, custom CRM and content management admin tools in React, Node.js and MongoDB on AWS with full development and production environments. Worked one on one with Founder from ideation to production.

  • Responsible for completion of system design:
    • Analyzed business objectives for MVP.
    • Gathered requirements, documents, comps, and assets from the founder.
    • Researched the project in depth and assessed risk to make all decisions on technology stack.
    • Defined the information architecture, the API architecture, and data architecture.
  • Architected, developed and deployed front end web application with role-based security in React with HTML5, CSS3, ES6 JavaScript and JSX on Amazon Web Services EC2 Linux with NGINX instance to web standards and best practices.
  • Architected, developed and deployed REST API and MongoDB to 2 Amazon Web Services EC2 Linux with NGINX instance in accordance to web standards and best practices. Linux, js, npm, Mongoose, Express, Mongo.

 

  • Features Summary:
    • Data integration tools for real estate data aggregation from 3rd party endpoints and csv file import for legacy data pulls.
    • Real estate comparable sales analysis solution, which tracks various data points in real estate market.
    • Lead analysis and offer generation tool.
    • Financial data model to map real estate acquisition deals.
    • Content management admin section for inventory, sales funnel and analysis objects.
    • Custom Customer Relationship Management, CRM, tool.
  • Setup and administered Github repository.
  • Provided continued enhancement of existing systems and identifying areas for modification and improvement.