Profile picture

Amber Bodnar

Front-End Engineer
Pronouns she/her
Open Resume Email Directly

About me

Throughout my 10 year career in the natural food & beverage industry, I discovered my passion for serving others. And along the way, I picked up an invaluable skill set focused on communication, collaboration, and adaptability. I've pivoted my career to front-end software engineering where my focus is building dynamic, functional, and inclusive applications using empathy-driven and test-driven development. As a team member, I'm an active listener and prioritize the collective to contribute to an awesome user experience.

I'm looking to connect with cutting-edge companies that share my passion for creating widely accessible applications, encourage personal and professional growth, and promote diversity and equality in the workplace. In my free time, you can find me recharging my soul through rollerblading, live music, dancing, and sunshine.

Preferred locations

  • Los Angeles, CA
  • San Francisco, CA
  • San Diego, CA
  • Denver, CO
  • Boulder, CO
  • Chicago, IL
Open to other locations and/or remote work

Previous industries

  • Consumer Goods
  • Consumer Services
  • Food & Beverages
  • Logistics and Supply Chain

Skills

  • Chai
  • Continuous Integration
  • CSS3
  • Cypress
  • Express
  • Git
  • GitHub
  • Heroku
  • HTML5
  • JavaScript
  • Mocha
  • Node.js
  • Npm
  • React
  • TypeScript
  • User Experience Design / UX
  • Visual Studio

Currently learning

  • GraphQL

Projects

Wandering Brewer

Wandering Brewer

Project scope time 40 hours
Collaborators

Tools Used

  • CSS3
  • Cypress
  • GitHub
  • HTML5
  • JavaScript
  • Npm
  • React

This application was built for the brewer who is looking to keep tabs on their favorite breweries while traveling. The brewer can search any U.S. city and see which breweries are nearby. On the detailed viewing page, the brewer can see the address, website, and phone number of the spot they want to visit. They can also favorite a brewery so they remember to go to it the next time they're in town.

This project was the final solo project of Module 3 where the focus rested on showcasing understanding of React, Router, Asynchronous JavaScript, and end-to-end testing with Cypress. Typechecking with PropTypes was utilized on all components to ensure data validation.

Launch the App Code Repository
Screenshot detail for project Wandering Brewer
Screenshot thumbnail #1 for project Wandering Brewer Screenshot thumbnail #2 for project Wandering Brewer Screenshot thumbnail #3 for project Wandering Brewer Screenshot thumbnail #4 for project Wandering Brewer

Zen-in-Ten

Zen-in-Ten

Project scope time 30 hours
Collaborators

Tools Used

  • CSS3
  • Cypress
  • HTML5
  • JavaScript
  • Npm
  • React
  • TypeScript

Zen-in-Ten was designed to bring inspiration to those who need to be uplifted or grounded by famous words. Use the dropdown on the homepage to select a mood and be presented with a library of quotes pertaining to that keyword. From there, the user can choose to favorite any quote that resonates with them and even delete ones they no longer want.

This group project consisted of 3 others and was defined as a "Stretch Tech" project. Meaning we were required to self-study a new technology of our choice and implement it in an application that sources at least one external API. The focus on this project was TypeScript.

The web application assumes a single user (a login page could be built at a future time), is 100% accessible through Lighthouse, and was built with TypeScript, JavaScript, React, and React Router. All end-to-end testing was done through Cypress.

Launch the App Code Repository
Screenshot detail for project Zen-in-Ten
Screenshot thumbnail #1 for project Zen-in-Ten Screenshot thumbnail #2 for project Zen-in-Ten Screenshot thumbnail #3 for project Zen-in-Ten Screenshot thumbnail #4 for project Zen-in-Ten

Travel Tracker

Travel Tracker

Project scope time 30 hours
Collaborators

Tools Used

  • Atom
  • Chai
  • CSS3
  • HTML5
  • JavaScript
  • Mocha
  • Npm

The Travel Tracker is a way for a user store all their travel adventures in one place. It allows the user to select a date, number of travelers, trip duration, and destination to get an estimate of how much the trip will cost. Once the user clicks "Book Now!" they will see their new, upcoming trip with a "pending" status.

This interactive web application was built using Vanilla JavaScript with a focus on Object-Oriented Programming. Unit and integration testing was performed with Mocha framework and Chai assertion library. An external API was consumed to send/receive data using HTTP methods.

Code Repository
Screenshot detail for project Travel Tracker
Screenshot thumbnail #1 for project Travel Tracker Screenshot thumbnail #2 for project Travel Tracker Screenshot thumbnail #3 for project Travel Tracker

Rancid Tomatillos

Rancid Tomatillos

Project scope time 30 hours
Collaborators

Tools Used

  • CSS3
  • Cypress
  • HTML5
  • JavaScript
  • Npm
  • React

This application allows a user to view a movie library, click on an individual movie poster to see details of that movie, and watch a trailer. Goal was to implement React framework and utilize React Router along with End-to-End testing using Cypress.

This project was built in 7 days by myself and 2 others.

Launch the App Code Repository
Screenshot detail for project Rancid Tomatillos
Screenshot thumbnail #1 for project Rancid Tomatillos Screenshot thumbnail #2 for project Rancid Tomatillos Screenshot thumbnail #3 for project Rancid Tomatillos Screenshot thumbnail #4 for project Rancid Tomatillos