Compare commits
No commits in common. "57ada454e964e728a2f40da9b3f980d6728ecf3b" and "84e0da2491dda3f9c4ef3e46ec70e195461df7e7" have entirely different histories.
57ada454e9
...
84e0da2491
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.
|
@ -1,41 +1,5 @@
|
||||||
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
/*! 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
|
HTML5 display definitions
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
@ -211,7 +175,7 @@ code,
|
||||||
kbd,
|
kbd,
|
||||||
pre,
|
pre,
|
||||||
samp {
|
samp {
|
||||||
font-family: 'VictorMono', monospace, serif;
|
font-family: monospace, serif;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -471,6 +435,14 @@ table {
|
||||||
|
|
||||||
/* Github css */
|
/* 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,
|
html,
|
||||||
body {
|
body {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -478,7 +450,6 @@ body {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
max-width: 64em;
|
max-width: 64em;
|
||||||
color: black;
|
color: black;
|
||||||
font-family: 'Inter';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
*:not('#mkdbuttons') {
|
*:not('#mkdbuttons') {
|
||||||
|
@ -510,7 +481,7 @@ body {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
margin: 15px;
|
margin: 15px;
|
||||||
color: #4c4f69;
|
color: #7e8592;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1.6
|
line-height: 1.6
|
||||||
}
|
}
|
||||||
|
@ -537,7 +508,7 @@ h5,
|
||||||
h6 {
|
h6 {
|
||||||
margin: 20px 0 10px;
|
margin: 20px 0 10px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: 'Sora';
|
font-weight: bold;
|
||||||
-webkit-font-smoothing: subpixel-antialiased;
|
-webkit-font-smoothing: subpixel-antialiased;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
color: #be185d;
|
color: #be185d;
|
||||||
|
@ -741,9 +712,9 @@ tt {
|
||||||
border: 1px solid #eaeaea;
|
border: 1px solid #eaeaea;
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
font-family: 'VictorMono', monospace;
|
font-family: Consolas, 'Liberation Mono', Courier, monospace;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: black;
|
color: #333
|
||||||
}
|
}
|
||||||
|
|
||||||
pre>code {
|
pre>code {
|
||||||
|
@ -780,6 +751,25 @@ pre tt {
|
||||||
border: 0
|
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,
|
sup,
|
||||||
sub,
|
sub,
|
||||||
a.footnote {
|
a.footnote {
|
||||||
|
@ -815,10 +805,9 @@ sub {
|
||||||
|
|
||||||
code {
|
code {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
color: black !important;
|
color: #333 !important;
|
||||||
padding: 0 .2em;
|
padding: 0 .2em;
|
||||||
border: 1px solid #dedede;
|
border: 1px solid #dedede
|
||||||
font-family: 'VictorMono';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
|
@ -1167,7 +1156,7 @@ sub {
|
||||||
|
|
||||||
h6 img {
|
h6 img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: .5cm;
|
top: 1cm;
|
||||||
left: 1cm;
|
left: 1cm;
|
||||||
height: 4.5cm;
|
height: 4.5cm;
|
||||||
}
|
}
|
||||||
|
|
179
resume.md
179
resume.md
|
@ -5,122 +5,99 @@ margin-top: 0.5cm
|
||||||
margin-bottom: 1.5cm
|
margin-bottom: 1.5cm
|
||||||
title: Ava Gaiety W.
|
title: Ava Gaiety W.
|
||||||
description-meta: 'Software Engineer & UX Designer'
|
description-meta: 'Software Engineer & UX Designer'
|
||||||
keywords:
|
keywords:
|
||||||
- 'accessibility'
|
- 'accessibility'
|
||||||
- 'ux design'
|
- 'ux design'
|
||||||
- 'software development'
|
- '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 
|
###### [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 
|
||||||
|
#### 13+ years of improving lives through building better web apps
|
||||||
## 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.
|
|
||||||
|
|
||||||
## Skills
|
## 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
|
## Experience
|
||||||
|
|
||||||
### Developer III
|
### Independent Contractor _(10+ Months, Current)_
|
||||||
|
|
||||||
**Comoto Brands**
|
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.
|
||||||
(July 2025 - Present)
|
|
||||||
|
|
||||||
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`
|
Enhancing axe-core (open source) and other tools empowering web engineers to build a more **accessible** internet leveraging **Typescript** and **Playwright**.
|
||||||
- Co-ownership of the front-end's direction, maintenance and upgrade path
|
|
||||||
|
|
||||||
### Web Engineer Contractor
|
### Senior Software Architect at PowerSchool, Allovue _(3 Years)_
|
||||||
|
|
||||||
**PowerSchool, Bill & Melinda Gates Foundation**
|
**Elixir** and **Phoenix** building functional full-stack EdFinTech getting every dollar to every student and their faculty.
|
||||||
(Jun 2024 - Present)
|
|
||||||
|
|
||||||
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 district’s budgeting problems.
|
||||||
|
|
||||||
**Deque Systems**
|
- Notably improved application **accessibility**
|
||||||
(Apr 2024 - Jun 2024)
|
- 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`
|
**React** engineer with an eye for design and a responsibility for user advocacy for community moving companies.
|
||||||
- Leveraging `GitHub` issues for community based communication around bugs and features
|
|
||||||
- Updating complex `Playwright` automation tests with improved `TypeScript`
|
|
||||||
|
|
||||||
### 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)
|
### Lead Full-Stack Software Engineer at SkillsEngine _(9 Months)_
|
||||||
(Apr 2022 - Mar 2024)
|
|
||||||
|
|
||||||
Education Finance Technology (EdFinTech) to ensure every dollar reaches every student and faculty.
|
**Ember** and **Rails** web app features, improvements and mentoring around software vital to closing the skills gap between employers, educators and students.
|
||||||
|
|
||||||
- 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.
|
|
||||||
|
|
||||||
- Revamped onboarding practices along with employee **mentoring**
|
- Revamped onboarding practices along with employee **mentoring**
|
||||||
- Shifted company from agile to **Shape Up** product development
|
- 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**
|
**Ember** engineer improving products on multiple teams through **Test-Driven Development** practices.
|
||||||
(Jan 2016 - Aug 2019)
|
|
||||||
|
|
||||||
`EmberJS` engineer improving products on multiple teams through **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
|
||||||
- Maintained a **mobile-first** dynamic front-end flow applications powered by `Command Query Responsibility Segregation` (CQRS)
|
- Collaborated closely with **QA** on a robust **End-to-End** Testing suite
|
||||||
- Pitched a `Native Web Component` library with proof of concept
|
- Co-lead the initiative to push for improved **automation testing** cross-product standards
|
||||||
- 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
|
|
||||||
- Presented company-wide **presentations** around new initiatives and features
|
- Presented company-wide **presentations** around new initiatives and features
|
||||||
- Organized internal developer conventions and a public **Meetup** group
|
- 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)
|
Wearing multiple hats to deliver the tools doctors need to better educate their patience through **Ember** applications.
|
||||||
(Feb 2013 - Dec 2015)
|
|
||||||
|
|
||||||
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`
|
### Other Jobs
|
||||||
- Launched two enterprise scale applications
|
|
||||||
- Video streaming leveraging complex interactions with `HTML5 Video` and `Canvas`
|
- Web Admin & Interactive Lead at Cyto Communications
|
||||||
- Lead user-experience (UX) design initiatives and tech stack decisions
|
- Web Design & Development Intern at Antharia
|
||||||
|
|
||||||
## Presentations
|
## 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_
|
- **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_
|
- **Overcoming Impostor Syndrome** at _NW Austin Professional Developers_
|
||||||
|
|
||||||
## Volunteer Work
|
## Volunteering
|
||||||
|
|
||||||
### Code2College
|
- **Code2College** developing curriculums around **HTML5**, **A11y** and assisting with interview practice
|
||||||
|
- **Austin Give Camp** assisting non-profits with mobile readiness, **i18n** and content restructuring
|
||||||
Developing curriculums around **HTML5**, **A11y** and assisting with interview practice.
|
|
||||||
|
|
||||||
### Austin Give Camp
|
|
||||||
|
|
||||||
Assisting non-profits with mobile readiness, **internationalization** (i18n) and content restructuring.
|
|
||||||
|
|
||||||
## Education
|
## Education
|
||||||
|
|
||||||
### Master of Science in Interactive Media and Communications
|
- **MS** _Ongoing_ in **Interactive Media and Communications** at _Quinnipiac University_
|
||||||
|
- **BS** (3.9 GPA, Deans List) in **Design & Information Systems** at _Stevenson University_
|
||||||
**Quinnipiac University**
|
- **AA** (4.0 GPA Stewart, Deans List) in **Interactive Technologies** at _AACC_
|
||||||
(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_
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue