-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwork.html
165 lines (152 loc) · 7.44 KB
/
work.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>xtine.net - christine cheung</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<div id="container">
<header>
<h1><a href="/">xtine.net</a></h1>
<h2>christine cheung</h2>
</header>
<div class="content work">
<h3>work</h3>
<p>I am currently a front end engineer at <a href="https://18f.gsa.gov">18F</a>. I work with federal agencies to improve their digital services through user-centered design and agile practice on cross functional teams. While some projects required quarterly travel to Washington DC, I am mostly a remote worker.</p>
<h3>projects</h3>
<ul>
<li>
<div class="project">
<a href="https://www.fec.gov">Federal Election Commission</a>
<br>
<img src="img/projects-fec.png" alt="">
</div>
<div class="description">
<ul>
<li>
Lead front end engineer for the redesigned FEC website from beta to live launch, simplifying the process of viewing and analyzing campaign finance data.
</li>
<li>
Was an active participant in quarterly, sprint planning, and grooming meetings to guide the team on website feature development. I helped advise on stories, groom issues, and identify blockers with the whole team.
</li>
<li>
Collaborated with visual and content designers on implementing a new home page. Built out new features on the campaign finance data viewer (single-page web app with custom event handling) and fixed bugs. Maintained and wrote new JS tests as necessary.
</li>
<li>
Worked on designing Django data models for custom Wagtail (CMS) pages for the team to add and manage content. Refactored Python views and implemented small features.
</li>
<li>
Championed for sprints dedicated to reducing technical debt. Migrated a Flask app into the main Django project and merged shared front end styles that were previously managed in a separate npm based repo. During this process I deprecated several respositories, which reduced dependency issues and greatly simplifed the overall continuous integration and deployment process.
</li>
<li>
Lead efforts in refactoring SCSS files, broke out and organized SCSS and JS files for better caching performance, updated the JS build system to use Webpack, and helped optimize npm dependencies.
</li>
<li>
Built out a pattern library to document common visual and interactive components with guidance from the visual designer.
</li>
<li>
Ran accessibility audits to make sure the site was accessible and 508 compliant.
</li>
<li>
Mentored and paired with FEC engineers to get them up to speed on the web application. Ran workshops, led code reviews, and wrote documentation.
</li>
</ul>
</div>
</li>
<li>
<div class="project">
<a href="https://18f.gsa.gov/2016/07/26/new-pilot-aims-to-streamline-notice-and-comment-process/">eRegulations Notice and Comment Platform (EPA)</a>
<br>
<img src="img/projects-eregsnc.png" alt="">
</div>
<div class="description">
<ul>
<li>
Lead front end development on a highly interactive notice and comment platform for the EPA. Worked with the visual designer on implementing the front end interface on a single page application with event handling and localstorage usage.
</li>
<li>
Collaborated with another engineer on maintaining and refactoring the architecture based in BackboneJS.
</li>
<li>
Was responsible for maintaining and developming the CSS framework by crafting minimal, understandable, and reusable styles.
</li>
<li>
Set up a regression testing framework and common snapshot comparison test cases, using BackstopJS.
</li>
<li>
Despite the site being heavily dependent on JavaScript, I made sure the site was accessible to keyboard users.
</li>
</ul>
</div>
</li>
<li>
<div class="project">
<a href="https://pulse.cio.gov">Pulse</a>
</div>
<div class="description">
<ul>
<li>
Front end engineer on Pulse, a website tracking how federal government domains are following best practices.
</li>
<li>
Heavily refactored SCSS and JavaScript for better maintainability and readability. Involved in designing new pages in Sketch with guidance from the product manager, and also implemented them.
</li>
</ul>
</div>
</li>
<li>
<div class="project">
<a href="https://www.everykidinapark.gov">Every Kid In A Park</a>
<br>
<img src="img/projects-ekip.png" alt="">
</div>
<div class="description">
<ul>
<li>
Primary front end engineer on a site helping fourth graders, their parents, and educators to visit national parks.
</li>
<li>
Collaborated with the product manager and engineer to create HTML and Django templating markup. Was responsible all CSS and JavaScript on the site.
</li>
<li>
Worked with the visual designer to implement designs and created responsive layout from desktop designs.
</li>
</ul>
</div>
</li>
</ul>
<h3>in my spare time</h3>
<div class="project">
<a href="http://www.hackforla.org/">Hack for LA</a>
</div>
<div class="description">
<ul>
<li>
I am an active participant in weekly Hack for LA nights in Downtown Los Angeles.
</li>
<li>
Currently I am working with the LA County Arts Commission on a curated civic art discovery platform specific to LA. I volunteer as a full stack engineer, building the webapp from from scratch using Django and a deployment system via Heroku.
</li>
<li>
I work with other volunteer UX and visual designers to implement front end interfaces, and also with LACAC curators on a customizing an admin interface to help them monitor and flag user submitted tips and artwork photos.
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3013461-5']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>