Summary
I build robust data models and delightful user interfaces. I am focused like a laser on learning new things and improving my craft.
Core Skills
JavaScript, CSS, PHP, SQL/NoSQL, Git, LAMP, APIs, CI/CD
e.g., React.js (class-based), D3.js, Gulp, Node, WordPress, SASS, Firebase, Travis CI, GitHub ActionsProjects
D3 Tooltips Pulling Content from a Google Spreadsheet (2021)
Content creators update a simple spreadsheet; that content is immediately accessible in a D3 sankey chart via a ReST API I built with Node Express on Google Cloud Platform.
Posts Updated from Third-Party API in Real Time (2020)
A list of posts plus individual pages are updated on client's website within minutes of staff changing content in vendor dashboard. My WordPress plugin encapsulates multiple GET requests to the vendor's API into a single JSON file consumed by my client's database.
Performant "Load more posts" feature in a Gutenberg block (2019)
Extra posts are loaded asynchronously and stored locally; when the user clicks "Load More", they appear instantaneously.
Online Resume (2019)
A static site built with Eleventy and deployed with git and Travis CI.
Visual diffing tool for end-to-end testing (2018)
This Node script uses headless Chrome (Puppeteer) to automate and document visual comparisons of page views.
MP3 player and dashboard (2018)
Personal React project using Firebase for data storage & D3.js for visualization of analytics. (You can log in to the dashboard with username 'abc@def.com' and password 'abcdef'.)
Open Budget Oakland comparison tool (2017)
A data visualization tool built with the WordPress API, React and D3.js
Work Experience
Full Stack Developer (2010 - present)
Firefly Web Services (Owner/Freelance)
I've helped many small businesses and organizations launch or revamp their websites. Since 2017, I've been pleased to collaborate with local web agency HyperArts. Here is some of my work not listed under Projects:
- Genomic sequencing calculators for Pacific BioSciences marketing division (2017 - 2018)
- Data architecture and site renovation for One Hat One Hand art collective (2017)
- JavaScript-driven SVG animation prototype for Hill & Co. (2017)
- Frontend features for College Abacus, a Rails-based app (2015)
Education
Bloc.io | Web Development Track
UC Berkeley | PhD, Biochemistry
Harvard | BA, Biochemistry
If you're not creating change, you're not a leader; you're a manager. (@charleneli heard on ClubHouse)