Ruth Cirillo

👋 Hello there!

I am a seasoned front-end software engineer who creates accessible, universal digital experiences for the web. My next role would allow me to sit at the intersection of design and development, where creativity meets functionality. Ideally, I would like to maintain and evolve the design and development of a cross-platform design system.

A builder at heart, I enjoy restoring or up-cylcing vintage furniture and home decor.

Experience

Senior Experience Engineer at Publicis Sapient 11/2005 to Present

In the last three years, I spearheaded the development and maintenance of a design system for OptumRx. The shared components supported multiple themes using Material UI, React, TypeScript, and Storybook.

Owner of Gran Mille, LLC 2/2024 to Present

I source and restore home furnishings from Y2K and before. This creative endeavor started as a hobby one piece of furniture at a time. I now rent a retail space to sell my found and restored treasures. I author and direct social media content under Gran Millie.

Sample Code

A few snips of code I've written as prototypes and for my own learning.

A super simple bill splitter.

A simple calculator interface that splits your cost into equal monthly installments over the remainder of the year. Built using Material UI, React hook form, and typescript.

React.js

Silly CSS art

Monster Superhero logo Donut

CSS

Change layout using Flexbox and React

A proof of concept prepared for the team to demonstrate the layout of an image with three text cards. This concept displays that a single template can be used to toggle the desired design combination.

CSS, React.js

Primary Button and Secondary Button Beautification

A proof of concept prepared for the team to demonstrate consistent button styles.

CSS, React.js

Horizontal accordion

A horizontal version of an accordion.

CSS, vanilla JavaScript

A ToDo app written in vanilla JavaScript

vanilla JavaScript

A ToDo app written in React.js

Learning react for my own knowledge (class based components).

React.js

Meme Generator using React.js

Learning react for my own knowledge. Demonstrates fetching data from API to create a silly meme.

React.js

Validate required form fields using jQuery

Demonstrates form validation on submit and correct use of HTML elements so it is accessible.

jQuery

Create a household and serialize household into a JSON object

Demonstrates how to create and update a set of data and submit the data as a JSON object.

vanilla JavaScript

Styling a group of cards (component) for mobile, tablet, and desktop

A proof of concept prepared for the team to demonstrate an app's current card component. This POC shows that a single template can be used to change the card's visual layout based on responsive breakpoints.

CSS