Hello! I'm Rebecca, a software engineer from Maryland.
I'm all about building applications with the user in mind, following web standards, and developing modular code. I have over ten years of experience designing, developing, supporting, and managing web projects.
Learn more about me below![Profile photo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fselfie.cb8c7828.jpg&w=3840&q=75)
Skills
Front-end Development
A web experience should be seamless across devices and platforms. I have experience designing and developing responsive web experiences that work well across platforms.
- Typescript
- Javascript
- React
- NextJS
- Vue
- HTML5
- CSS3 and SASS
- Rollup
- Webpack
Back-end Development
Websites need to load quickly and allow for smooth interactions between the user and the system. I have experience developing real-time interactive applications.
- NodeJS
- MongoDB
- Firebase
- AWS
- Java
- Terraform
- PostgreSQL
Projects
![Pattern Filler Tool](/_next/image?url=%2Fimages%2Fprojects%2Fpattern-filler%2Fthumbnail.png&w=1920&q=75)
Pattern Filler Tool
A web app that fills SVG paths with circles using multiple configurations
![Recipe Converter](/_next/image?url=%2Fimages%2Fprojects%2Frecipe-converter%2FRecipe-Converter.jpg&w=1920&q=75)
Recipe Converter
A recipe converter and calculator that makes it easy to change the serving size of recipes
![Automated Plant Waterer](/_next/image?url=%2Fimages%2Fprojects%2Fautomated-plant-waterer%2Fautomated-plant-waterer.jpg&w=1920&q=75)
Automated Plant Waterer
A system that automatically waters plants based on soil moisture levels
Recent Blog Posts
![Building an Accessible Typeahead Component with React](/blog/images/a11y-typeahead/a11y-typeahead-thumbnail.png)
Building an Accessible Typeahead Component with React
The ARIA combobox, listbox, and option roles with appropriate attributes are needed for a typeahead component accessible to screen readers and other assistive technology.
![Anchoring Hover Menus to Scrollable Elements](/blog/images/sd-hover-menu/hover-menu-thumbnail.gif)
Anchoring Hover Menus to Scrollable Elements
Position a menu near a content item on hover even in a scrollable container to reduce visual clutter.
![Styling the HTML Color Input](/blog/images/styling-color-picker/color-swatches.jpg)
Styling the HTML Color Input
You can use browser-prefixed CSS pseudoclasses to style the HTML color input.
![Render Streamed OpenAI Responses with React](/blog/images/react-streaming-openai/react-streaming-openai-thumbnail.gif)
Render Streamed OpenAI Responses with React
Use a React ref and state variable to render a streamed response from OpenAI one chunk at a time similar to ChatGPT.
Latest Tweets
Here are the things I've been excited about lately.