Roger Avalos | Portfolio | Homepage

Roger Avalos

Visual Designer | Front End Engineer

Personality Stats

Personality Test (Myers Briggs)

ISTJ

Strengths Test (Gallup StrengthsFinder)

Learner, Achiever, Futuristic, Focus, Positivity

Engineering Scope

I like to break down my problem solving into steps. First I understand the task at hand. Second I outline what needs to be done. Third I come up with a working solution and finally I go back and refactor until things are best efficient as far as space and time complexity and legibility.

See Skills Breakdown

Latest Projects

Drzzle

Drag and drop website builder. This is a progressive web app utilizing the JAMStack.

Technology: Vue, AWS services, Stripe

Repo: Private

Case Study: View Here

URL: https://login.drzzle.app

Drzzle Website

Logo and site design, built with the site builder application as well as 3rd party API's.

Technology: JQuery, API Gateway, Stripe

Repo: None

URL: https://drzzle.app

Picazzo Front End Framework

Web components built from scratch that are integrated with the Drzzle app. Components including video/audio players, maps, carousels, accordions etc.

Technology: JQuery, Less, Vue

Repo: https://github.com/drzzle-app/picazzo

URL: https://picazzo.drzzle.app

Drzzle Wiki

Documentation website for basic usage of the Drzzle app.

Technology: Vuepress

Repo: https://github.com/drzzle-app/wiki

URL: https://wiki.drzzle.app

Rackspace Solve

Blog application aimed at insights into the cloud hosting space.

Technology: Drupal, Vue, JQuery

Repo: Private

URL: https://rackspace.com/solve

Rackspace Zoolander

Internal brand and development style guide for applications and websites.

Technology: JQuery, Bootstrap, Harp, EJS

Repo: https://github.com/rackerlabs/zoolander

URL: https://rackerlabs.github.io/zoolander/

Rackspace Website

Rackspace's company website

Technology: Bootstrap, JQuery, Vanilla Js, Drupal

Repo: Private

URL: https://rackspace.com

Rackspace Table Builder

Internal front end application to generate table markup for websites.

Technology: JQuery, Sass

Repo: https://github.com/rackerlabs/table-builder

URL: https://rackerlabs.github.io/table-builder/

Rackspace Cart (ecommerce)

Signups application used for purchasing cloud products

Technology: Angular

Repo: Private

URL: https://cart.rackspace.com/

Connect

Continue Shopping

Cart Info & Shipping Payment Confirmation

Shopping Cart

Subtotal:

Info & Shipping

Subtotal $0

Discount $0

Shipping $0

Taxes (estimated) $0

Total $0

Payment

Email:

Ship To:

Shipping Method:

Payment Method

Name on Card

Card Number

Expiration Date (MM / YYYY)

Security Code

Billing Address

Same as Shipping Address

Use a Different Address

Address

Apartment, Suite, etc.

City

ZIP Code

Subtotal $0

Discount $0

Shipping $0

Taxes (estimated) $0

Total $0

Thank You for Your Purchase!

We have also sent your receipt to your email address.