Compare commits

..

No commits in common. "57ada454e964e728a2f40da9b3f980d6728ecf3b" and "84e0da2491dda3f9c4ef3e46ec70e195461df7e7" have entirely different histories.

8 changed files with 96 additions and 164 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -1,41 +1,5 @@
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
@font-face {
font-family: 'Sora';
font-style: normal;
src: url(./fonts/Sora-Medium.ttf)
}
@font-face {
font-family: 'Inter';
font-style: normal;
src: url(./fonts/Inter_18pt-Regular.ttf)
}
@font-face {
font-family: 'Inter';
font-weight: bold;
src: url(./fonts/Inter_18pt-Bold.ttf)
}
@font-face {
font-family: 'Inter';
font-style: italic;
src: url(./fonts/Inter_18pt-Italic.ttf)
}
@font-face {
font-family: 'VictorMono';
font-style: normal;
src: url(./fonts/VictorMono-Light.ttf)
}
@font-face {
font-family: 'VictorMono';
font-style: italic;
src: url(./fonts/VictorMono-LightItalic.ttf)
}
/* ==========================================================================
HTML5 display definitions
========================================================================== */
@ -211,7 +175,7 @@ code,
kbd,
pre,
samp {
font-family: 'VictorMono', monospace, serif;
font-family: monospace, serif;
font-size: 1em;
}
@ -471,6 +435,14 @@ table {
/* Github css */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
html,
body {
margin: auto;
@ -478,7 +450,6 @@ body {
padding-left: 1em;
max-width: 64em;
color: black;
font-family: 'Inter';
}
*:not('#mkdbuttons') {
@ -510,7 +481,7 @@ body {
background-color: #fff;
padding: 30px;
margin: 15px;
color: #4c4f69;
color: #7e8592;
font-size: 14px;
line-height: 1.6
}
@ -537,7 +508,7 @@ h5,
h6 {
margin: 20px 0 10px;
padding: 0;
font-family: 'Sora';
font-weight: bold;
-webkit-font-smoothing: subpixel-antialiased;
cursor: text;
color: #be185d;
@ -741,9 +712,9 @@ tt {
border: 1px solid #eaeaea;
background-color: #f8f8f8;
border-radius: 3px;
font-family: 'VictorMono', monospace;
font-family: Consolas, 'Liberation Mono', Courier, monospace;
font-size: 12px;
color: black;
color: #333
}
pre>code {
@ -780,6 +751,25 @@ pre tt {
border: 0
}
.poetry pre {
font-family: Georgia, Garamond, serif !important;
font-style: italic;
font-size: 110% !important;
line-height: 1.6em;
display: block;
margin-left: 1em
}
.poetry pre code {
font-family: Georgia, Garamond, serif !important;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
white-space: pre-wrap
}
sup,
sub,
a.footnote {
@ -815,10 +805,9 @@ sub {
code {
background-color: #fff;
color: black !important;
color: #333 !important;
padding: 0 .2em;
border: 1px solid #dedede;
font-family: 'VictorMono';
border: 1px solid #dedede
}
pre {
@ -1167,7 +1156,7 @@ sub {
h6 img {
position: absolute;
top: .5cm;
top: 1cm;
left: 1cm;
height: 4.5cm;
}

179
resume.md
View file

@ -5,122 +5,99 @@ margin-top: 0.5cm
margin-bottom: 1.5cm
title: Ava Gaiety W.
description-meta: 'Software Engineer & UX Designer'
keywords:
keywords:
- 'accessibility'
- 'ux design'
- 'software development'
author-meta: 'ava@gaiety.me'
author-meta: 'ava@wroten.me'
---
###### [gaiety.me](https://gaiety.me/) | [linkedin.com/in/gaiety](https://www.linkedin.com/in/gaiety) | [Ava@Wroten.me](mailto:ava@wroten.me) | 443.985.8927 ![](./pfp.png)
## Professional Summary
Passionate developer with _over 13 years of experience_ in web application engineering. **Full-stack** knowledge with _front-end expertise_. Skilled in team **leadership**, **mentoring**, **cross-functional collaboration**. Ready to help take **accessibility** and **user-experience** (UX) to the next level.
###### [https://gaiety.me/](https://gaiety.me/) | [Ava@Wroten.me](mailto:ava@wroten.me) | 443.985.8927 | [Fae/Femme/Faer](https://pronoun.monster/fae/faer/faer/femme/femmeself) or She/Her ![pfp](./pfp.png)
#### 13+ years of improving lives through building better web apps
## Skills
`HTML`, `CSS`, `TailwindCSS`, `PostCSS`, `JavaScript`, `TypeScript`, `React`, `EmberJS`, `Vue.js`, `NodeJS`, `Express`, `Python`, `Elixir`, `Phoenix`, `PHP`, `Ruby on Rails`, `Docker`, `SQL`, `Git`
```Technical Leadership```
```Accessibility```
```Mentoring```
```Cross-Team Collaboration```
```UX Design```
```Presentations```
```Mass Refactoring```
```Documentation```
Communication, Collaboration, Emotional Intelligence, Leadership, Initiative
**Elixir**: Phoenix, Ecto, Triplex, Exdoc, Live Storybook, GetText
**Javascript**: Typescript, Native Web Components, Ember 8+ Years, React, Vue, Alpine, GraphQL
**Node**: Nginx, Express, commander.js, yargs, plop, Babel, Webpack, Vite, esbuild
**Testing**: Jest, Mocha, Qunit, Cypress, Playwright, Webdriver.io, Selenium
**Accessibility**: axe-core, Storybook, WCAG 2.1
**HTML & CSS3**: Tailwind, PostCSS, Sass, 11ty, SVG/Canvas/Video/Audio, Animations
## Experience
### Developer III
### Independent Contractor _(10+ Months, Current)_
**Comoto Brands**
(July 2025 - Present)
Bill & Melinda Gates Foundation project in collaboration with PowerSchool. Solo built a full-stack **Elixir**, **Phoenix**, **Lit** (web components), **Typescript** with a **PostgreSQL** DB app through it's deployment to production where it's live today.
Full-stack in a B2C (business to customer) environment on a passionate team.
### Senior Accessibility Tools Developer at Deque Systems _(3 Months)_
- Quickly resolving to critical bugs in `CSS` (`BEM`) and `Elixir` with `Phoenix`
- Co-ownership of the front-end's direction, maintenance and upgrade path
Enhancing axe-core (open source) and other tools empowering web engineers to build a more **accessible** internet leveraging **Typescript** and **Playwright**.
### Web Engineer Contractor
### Senior Software Architect at PowerSchool, Allovue _(3 Years)_
**PowerSchool, Bill & Melinda Gates Foundation**
(Jun 2024 - Present)
**Elixir** and **Phoenix** building functional full-stack EdFinTech getting every dollar to every student and their faculty.
Lead and was the primary developer for a greenfield project exceeding timeline and quality expectations.
- **Lead** complex feature development
- Documenting ADRs and code patterns established after deep refactoring
- Worked closely with stakeholders to ensure a successful launch of a new enterprise application
- Became a go-to resource for juniors to grow their skills and get their questions answered
- Collaborated in tech stack choice of `Elixir`, `Phoenix`, `Lit` (web components), `TypeScript`, with a `PostgreSQL` database
- Hand-crafted dynamic charts with zero-dependency **SVG** pie charts for **data visualization**
---
### Senior Accessibility Tools Developer
**Ember** and **Rails** building full-stack solutions to school districts budgeting problems.
**Deque Systems**
(Apr 2024 - Jun 2024)
- Notably improved application **accessibility**
- Extended **Ember Data** to efficiently send batch updates to a **Graphiti** and **Rails API**
Debugging sophisticated accessibility problems with robust solutions.
### UI Engineer at Oncue _(1 Year)_
- Adding features and fixing bugs in the _open-source_ platform `axe-core`
- Leveraging `GitHub` issues for community based communication around bugs and features
- Updating complex `Playwright` automation tests with improved `TypeScript`
**React** engineer with an eye for design and a responsibility for user advocacy for community moving companies.
### Senior Software Architect
- Built an **accessible**, **test driven**, and **mobile first** UI Component library in **Storybook**
- Collaborated with Design and Product to establish a robust design system
- Consulted internal projects on **A11y** standards
- Lead cross-team workshops
**PowerSchool** (Allovue)
(Apr 2022 - Mar 2024)
### Lead Full-Stack Software Engineer at SkillsEngine _(9 Months)_
Education Finance Technology (EdFinTech) to ensure every dollar reaches every student and faculty.
- Lead `Elixir` and `Phoenix` centric complex features in the _Shape Up_ product development strategy (by Basecamp)
- Cleanly combined `ExUnit` and `Doctests` to confidently ship well tested code
- **Refactored** `Alpine.js` into `Phoenix` `LiveView` components
- Writing **documentation** _architecture decision records (ADR)_ and code patterns
- **Mentored** juniors in new skills, patterns, and career advancement
- Improved legacy product built in `EmberJS` and (Ruby) `Rails`
- Vastly improved product **accessibility** while utilizing **test-driven development** in `Qunit` for effective **refactoring**
- Extended `Ember Data` (with `Ecto` and `Triplex`) to efficiently send batch updates to a `Rails` API leveraging `Graphiti`
### UI Engineer
**Oncue**
(Apr 2023 - Mar 2022)
Design system engineer building an Atomic Design inspired **mobile-first**, **nestable** and **accessible** toolset for engineers to implement in various products in the moving industry
- Reusable components built with `React` with `TypeScript` tested with `Jest` and `Cypress`
- Cleanly documented in `Storybook` leveraging `Chromatic` for designer approval
- Consulted internal projects on **accessibility** standards
- Lead cross-team workshops, leading to a conference talk at _MagnoliaJS_
### Lead Full-Stack Software Engineer
**SkillsEngine**
(Aug 2020 - Apr 2021)
Full-Stack engineer for a sophisticated web application balancing skills needed for educators to teach students to become employees.
**Ember** and **Rails** web app features, improvements and mentoring around software vital to closing the skills gap between employers, educators and students.
- Revamped onboarding practices along with employee **mentoring**
- Shifted company from agile to **Shape Up** product development
- Shipped complex features in `EmberJS` and `Rails` carefully tested with `fixtures` in `Qunit` and `RSpec`
### Developer III
### Developer III at Q2ebanking _(3 Years, 8 Months)_
**Q2ebanking**
(Jan 2016 - Aug 2019)
**Ember** engineer improving products on multiple teams through **Test-Driven Development** practices.
`EmberJS` engineer improving products on multiple teams through **test-driven development** (TDD) practices.
- Maintained a **mobile-first** dynamic front-end flow applications powered by `Command Query Responsibility Segregation` (CQRS)
- Pitched a `Native Web Component` library with proof of concept
- Collaborated closely with **QA** on a robust **end-to-end** Testing suite
- Lead the initiative to push for improved **automation testing** cross-product standards with **Test-Driven Development** (TDD) practices
- Maintained a **mobile-first** dynamic frontend flow applications powered by **CQRS**
- Pitched a **Native Web Component** library with proof of concept
- Collaborated closely with **QA** on a robust **End-to-End** Testing suite
- Co-lead the initiative to push for improved **automation testing** cross-product standards
- Presented company-wide **presentations** around new initiatives and features
- Organized internal developer conventions and a public **Meetup** group
### Senior Web Engineer
### Senior Web Engineer at Eyemaginations Inc. _(2 Years, 11 Months)_
**Eyemaginations Inc.** (Rendia)
(Feb 2013 - Dec 2015)
Wearing multiple hats to deliver the tools doctors need to better educate their patience through **Ember** applications.
Designer and full-stack developer delivering the tools doctors need to better educate their patients through ambitious web applications.
- Moved a **PHP** old-school team to a modern framework based approach
- Launched two **Ember**, **HTML5 video and canvas** powered enterprise scale apps
- Lead **UX** design initiatives and tech stack decisions
- Modernized a `PHP` application to be rebuilt as a single-page application (SPA) in `EmberJS` and `Sass`
- Launched two enterprise scale applications
- Video streaming leveraging complex interactions with `HTML5 Video` and `Canvas`
- Lead user-experience (UX) design initiatives and tech stack decisions
### Other Jobs
- Web Admin & Interactive Lead at Cyto Communications
- Web Design & Development Intern at Antharia
## Presentations
@ -130,47 +107,13 @@ Designer and full-stack developer delivering the tools doctors need to better ed
- **A11y First, and Everyone Wins** discussing **Ember** at _EmberConf_, _Ember Dallas_, _Ember ATX_, _Austin Accessibility and Inclusive Design_
- **Overcoming Impostor Syndrome** at _NW Austin Professional Developers_
## Volunteer Work
## Volunteering
### Code2College
Developing curriculums around **HTML5**, **A11y** and assisting with interview practice.
### Austin Give Camp
Assisting non-profits with mobile readiness, **internationalization** (i18n) and content restructuring.
- **Code2College** developing curriculums around **HTML5**, **A11y** and assisting with interview practice
- **Austin Give Camp** assisting non-profits with mobile readiness, **i18n** and content restructuring
## Education
### Master of Science in Interactive Media and Communications
**Quinnipiac University**
(Jan 2023 - Present)
### Bachelor of Science in Design & Information Systems, _Deans List_
**Stevenson University**
(2010 - 2012)
GPA 3.9/4.0
### Associate of Arts in Interactive Technologies, _Stewart_, _Deans List_
**Anne Arundel Community College**
(2005-2010)
GPA 4.0/4.0
## Hobbies
- Tabletop Role-playing Games (TTRPGs) having run several 3+ year long campaigns
- Self-Hosting a `Linux` server with many websites and services running in `Docker`
- Secured with `Wireguard`
- Reverse proxied with `nginx`
## Books
Relevant titles I've read to better my skills.
- **Shape Up** by _Basecamp_ (37signals)
- **REMOTE Office not required.** by _Basecamp_ (37signals)
- **Clean Code: A Handbook of Agile Software Craftsmanship** by _Robert C. Martin_
- **Refactoring** by _Martin Fowler_
- **MS** _Ongoing_ in **Interactive Media and Communications** at _Quinnipiac University_
- **BS** (3.9 GPA, Deans List) in **Design & Information Systems** at _Stevenson University_
- **AA** (4.0 GPA Stewart, Deans List) in **Interactive Technologies** at _AACC_