Hi, I’m Courtney.
A frontend engineer.
I create meaningful digital spaces.

import  {
                      resume
                      } from
                      'Courtney';

const myTechStack = {

languages : [
                      "JavaScript", "React", "HTML", "CSS", ...more],

frameworks : ["React", "Handlebars.js", "jQuery",
                        "Django","Bootstrap", "Foundation" ]

};

console.log(`See Them In Action: ${
                      resume.projects
                      }`);

EXPERIENCE

FRIENDATE

February 2024 - Present

Frontend Software Engineer & UX Contractor

React Native social media app for Boston College's campus clubs and freshman orientation programs.

Led the design strategy, leveraging Figma to create immersive mockups and prototypes.
Currently in the architecture planning phase of implementation.

React Native
Expo
JavaScript
CSS
JSX
Material UI
Figma

Present

February 2024

RAPID7

December 2020 - January 2024

Front End Engineer

Frontend-focused Engineer on Rapid7's web development team, responsible for development of Rapid7’s marketing site, as well as two React web applications.

Architected and built 30+ high-performance user interface components, while maintaining and optimizing 400+ components.
Optimized and implemented data-driven improvements to demo and trial pages' user experience, utilizing JavaScript-powered forms, resulting in 300% increase in conversion rate.
Ensured seamless integration of frontend and backend components, APIs, and CMS templates, using C#, .NET, and Node.js
Improved SEO and web performance by 14% by consolidating 35+ JavaScript files and 110+ stylesheets into streamlined bundles.
Developed a Universal Design System, leading to the elimination of 1,000+ lines of redundant code, standardization of 50+ UI elements, and the establishment of a Component Library for enhanced development efficiency and code reusability.
Refactored main site in adherence to WCAG accessibility standards, ensuring inclusive digital experience for all users.

January 2024

August 2020 - December 2020

Growth Strategy Associate Rotational Program

Rotated through multiple roles including Frontend Engineer, Customer Adoption Manager, Customer Success Associate, and Marketing Operations Analyst, driving impactful outcomes across diverse roles and responsibilities.

Analyzed sales data for weekly and monthly reporting to VP of Sales, translated Domo reports to Tableau, led presentations on insights and visualization into customer loyalty trends, and onboarded customers through their first 90 days and assisted them with necessary technical milestones.

JavaScript
HTML
CSS
React
Foundation
Handlebars.js
Figma

December 2020

August 2020

THE KITAB FOUNDATION

January 2021 - Present

Lead Web Developer (Nonprofit)

A 501(c)(3) nonprofit that addresses refugee and immigrant children's literacy.

Designed and developed the main marketing website, increasing donations by 500% in the first month.
Collaborate closely with the nonprofit’s founder to understand his vision and translate it into an engaging online presence and optimal user experience.

JavaScript
HTML
CSS
Bootstrap
Sketch

Present

January 2021

GRAVYTY

May 2019 - December 2019

UX Engineer Intern

Technology company that addresses the challenges of personalized fundraising at scale with artificial intelligence.

Designed and developed 5 of Gravyty’s main site pages, main navigation, and lead AI-enabled email product, driving a record quarter in lead generation.
Enhanced marketing efficiency by implementing a database-driven approach using Django, resulting in a significant shift towards dynamic site pages.

JavaScript
Django
HTML
CSS
Bootstrap
jQuery
Figma

December 2019

May 2019

BOSTON COLLEGE WOMEN IN COMPUTER SCIENCE

September 2018 - May 2020

President and Web Developer

Boston Collete student organization that empowers and supports students in computing.

Designed and developed Boston College's Women in Computer Science's main website.
Planned events and recruiting events.

May 2020

September 2018

MARKER SEVEN

June 2018 - August 2018

UI/UX Design and Web Development Intern

Digital agency that helps innovative companies build their brands & businesses online.

Developed and integrated UI/UX web design into interactive and responsive wireframes for client websites to illustrate site design and functionality.

Framer
CoffeeScript

August 2018

June 2018

BOSTON COLLEGE

September 2017 - May 2018

Computer Science Teaching Assistant

Assisted Professor with classroom instruction, grading, and office hours. Lead and designed lesson plans for weekly discussion group and lab for 30 students.

Python

May 2018

September 2017

iD TECH

June 2017 - August 2017

Programming and Robotics Instructor

Designed and taught unique weekly lesson plans to 16 students each week, ages 7-12, featuring the basics of electrical engineering, programming, and robotics.

August 2017

June 2017

PROJECTS

Visit Website

Demo Pages

WEB DEVELOPMENT

Led development for new demo pages across 8 products that utilize JavaScript-powered forms, resulting in an average conversion rate surge of 293% across all products.

JavaScript
HTML
CSS
Sass
Foundation
jQuery
Handlebars.js
Gulp
Webpack
Node.js
.NET

Visit Website

screenshot of The Kitab Foundation marketing website

Visit Website

The Kitab Foundation Main Website

UX DESIGN & WEB DEVELOPMENT

An informational and donation website for The Kitab Foundation, a 501(c)(3) nonprofit that addresses refugee and immigrant children's literacy by providing free educational resources such as books, school supplies, and tutoring. Collaborated closely with the nonprofit’s founder to understand his vision and translate it into an engaging online presence and optimal user experience.

JavaScript
HTML
CSS
Bootstrap
jQuery
Netlify

Visit Website

Fundamentals Pages

WEB DEVELOPMENT

Implemented the complete redesign of the Fundamentals pages based on design wireframes, encompassing 2 templates and 100+ subpages, resulting in responsive, accessible, cross-browser compatible, and, much-needed, enhanced user experience. Adhered to newly created Universal Design System to encourage consistency throughout the site.

JavaScript
HTML
CSS
Sass
Foundation
jQuery
Handlebars.js
Gulp
Webpack
Node.js
.NET

Visit Website

Screenshot of Rapid7's customer story pages

Visit Website

Customer Stories

WEB DEVELOPMENT

Implemented the complete redesign of the Customer pages based on design wireframes, encompassing 3 sub-templates and 150+ subpages, resulting in responsive, accessible, cross-browser compatible, and enhanced user experience.

JavaScript
HTML
CSS
Sass
Foundation
jQuery
Handlebars.js
Gulp
Webpack
Node.js
.NET

Visit Website

Trial Pages

WEB DEVELOPMENT

Led development for new trial pages across 8 products that utilize JavaScript-powered forms, resulting in an average conversion rate surge of 354% across all products.

JavaScript
HTML
CSS
Sass
Foundation
jQuery
Handlebars.js
Gulp
Webpack
Node.js
.NET

Visit Website

Screenshot of Rapid7's product hub pages

Visit Website

New Product Hub Pages

WEB DEVELOPMENT

Assisted with a development of two of Rapid7's newest product pages, including planning and implementation. Since the new product pages were a part of a brand rollout and a marketing department priority, pages needed to be designed, developed, and QA'ed in just under two weeks, along with a homepage redesign (listed below).

JavaScript
HTML
CSS
Sass
Foundation
jQuery
Handlebars.js
Gulp
Webpack
Node.js
.NET

Visit Website

Visit Website

Homepage Redesign

WEB DEVELOPMENT

Assisted with a development of Rapid7's high-trafficked homepage, including planning and implementation. Since the new homepage was a part of a brand rollout and a marketing department priority, the page needed to be designed, developed, and QA'ed in just under two weeks, along with the product pages themselves (listed above).

JavaScript
HTML
CSS
Sass
Foundation
jQuery
Handlebars.js
Gulp
Webpack
Node.js
.NET

Visit Website

Research Page

WEB DEVELOPMENT

Implementation of net-new frontend template and block edits for Rapid7's Research Page. It gives insight to our research projects and reports.

JavaScript
HTML
CSS
Sass
Foundation
jQuery
Handlebars.js
Gulp
Webpack
Node.js
.NET

Visit Website

loading="lazy" See More

NFL Sentiment Analysis and Game Prediction Using Machine Learning

DEVELOPMENT

Sentiment analysis of 2012 NFL season game outcomes and game outcome prediction using Linear SVM and Naive Bayes on fans’ tweets.

Python

See More

Screenshot of Courtney Peterson's portfolio website

You're already here!

Personal Portfolio Website

UX DESIGN & WEB DEVELOPMENT

My own personal website that features my development and design projects, as well as my woodworking and jewelry making. Enjoy!

COMING SOON: This site in React!

JavaScript
HTML
CSS
Bootsrap
jQuery
Netlify

Main Navigation Menu

UX DESIGN & WEB DEVELOPMENT

Gravyty's has been rapidly introducing new products and solutions, and needed a new navigation menu on both mobile and desktop to better organize their products and solutions, as well as to help modernize the site. As an intern, I led the complete redesign and implementation of the new resources page.

JavaScript
HTML
CSS
Bootstrap
jQuery
Django
Figma

Resource Page

UX DESIGN & WEB DEVELOPMENT

Gravyty's resources page provides valuable information on the company and AI. Not only does it showcase all Gravyty's webinars, white pages, blog posts, and case studies, it also provides links to articles concerning AI. As an intern, I led the complete redesign and implementation of the new Resource page.

JavaScript
HTML
CSS
Bootstrap
jQuery
Django
Figma

Healthcare Page

UX DESIGN & WEB DEVELOPMENT

Gravyty's Healthcare page provides valuable information on Gravyty and AI. Not only does it showcase all Gravyty's webinars, white pages, blog posts, and case studies, it also provides links to articles concerning AI. As an intern, I led the complete redesign and implementation of the new Healthcare page.

JavaScript
HTML
CSS
Bootstrap
jQuery
Django
Figma

AI Self-Writing Email Drafter

UX DESIGN & WEB DEVELOPMENT

Gravyty's first draft email is one of the company's main AI-enabled products. First Draft identifies the best donors at the right time for each fundraising stage, provides an editable draft for the user to send to the donor as well as other options to take with the donor, learns the user's tone and style, and sends the draft directly to the user's email for easy use and access as well. As an intern, I led the complete redesign and implementation of the email template.

JavaScript
HTML
CSS
Bootstrap
jQuery
Django
Figma

Visit Website

The Kitab Foundation Main Website

UX DESIGN & WEB DEVELOPMENT

JavaScript
HTML
CSS
Bootstrap
jQuery
Netlify

Visit Website

You're already here!

Personal Portfolio Website

UX DESIGN & WEB DEVELOPMENT

My own personal website that features my development and design projects, as well as my woodworking and jewelry making. Enjoy!

JavaScript
HTML
CSS
Bootsrap
jQuery
Netlify

Screenshot of wireframes for a college app

UX DESIGN

App design for an experience for students to discover orientation events and craft a visual system to accommodate different types of events: sports, music, visual arts, social groups, and volunteering events. Provide high-fidelity mocks for searching, browsing, and viewing the details for these different events.

RealtimeBoard
Proto.io

Main Navigation Menu

UX DESIGN & WEB DEVELOPMENT

JavaScript
HTML
CSS
jQuery
Django
Figma

Resource Page

UX DESIGN & WEB DEVELOPMENT

JavaScript
HTML
CSS
jQuery
Django
Figma

Healthcare Page

UX DESIGN & WEB DEVELOPMENT

JavaScript
HTML
CSS
jQuery
Django
Figma

AI Self-Writing Email Drafter

UX DESIGN & WEB DEVELOPMENT

JavaScript
HTML
CSS
jQuery
Django
Figma

Blurred screenshot of CCHP's website design

Visit Website

CCHP Main Site

UX DESIGN

Center for Connected Health Policy (CCHP) is a educational website that specializes in teaching about and advocating for telehealth. While working at Marker Seven, I assisted on the wireframes and responsive design. I helped with many of the solutions to the technical, user experience, and creative challenges encountered in the design phase.

Framer
CoffeeScript

View Website

Blurred screenshot of Astrocooler's website design

Visit Website

Astrocooler Main Site

UX DESIGN

Astrocooler is an e-commerce website that sells cargo insulation products from freezing or excessive heat. While working at Marker Seven, I assisted in the design and development of the the responsive wireframes for the new site. I also explored creative solutions to various issues the previous website contained while incorporating UI/UX principles.