Profile picture

Amber Bodnar

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

About me

I am a Front-End Software Engineer 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.

Previously, I spent 10 years in the natural food & beverage industry where I discovered my passion for fostering lasting relationships and working cross-functionally. I've pivoted my career to software development 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, effective communicator, and highly adaptable.

In my free time, I enjoy traveling, meeting new people, and exploring design. You will often find me recharging my soul on my rollerblades or dancing to live music in the sunshine.

If you're interested in chatting, send me a message to connect!

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
  • GraphQL
  • Heroku
  • HTML5
  • JavaScript
  • Mocha
  • Node.js
  • Npm
  • React
  • TypeScript
  • User Experience Design / UX
  • Visual Studio

Currently learning

None specified

Projects

Birds of a Feather

Birds of a Feather

Project scope time hours
Collaborators Profile picture for Trish Fox-Collis Profile picture for Blue Nealis Profile picture for Deannah Burke Profile picture for Ian Ross Profile picture for Clay Ash Profile picture for Luke Pascale

Tools Used

  • Continuous Integration
  • Cypress
  • Heroku
  • JavaScript
  • PostgreSQL
  • React
  • RSpec
  • Ruby

Birds of a Feather was built to connect LGBTQ+ families through events in their area. Signed in users can create their own events, search for upcoming events, RSVP to events that seem interesting to them, and edit their own profile.

This is a full stack application with full Create, Read, Update, and Delete (CRUD) functionality. The Frontend utilized React and Apollo Client to make queries to the Backend's GraphQL endpoint. The database is managed through PostgreSQL, CircleCI is used for continuous integration, and continuous deployment is setup on Heroku.

Frontend Tech Stack:

  • React
  • React Router
  • React Context API
  • Cypress for testing

Backend Tech Stack:

  • Ruby
  • Ruby on Rails
  • PostgreSQL
  • RSpec for testing

Project Management:

  • Miro board for joint collaboration and brainstorming
  • GitHub Projects/Issues
  • Shared Google calendar
  • Slack for daily open communication
Launch the App Code Repository
Screenshot detail for project Birds of a Feather
Screenshot thumbnail #1 for project Birds of a Feather Screenshot thumbnail #2 for project Birds of a Feather Screenshot thumbnail #3 for project Birds of a Feather Screenshot thumbnail #4 for project Birds of a Feather

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 Profile picture for Trish Fox-Collis Profile picture for Victoria Fox-Collis Profile picture for Corinne Canavan

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.

Launch the App 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