Hello, I'm Brittany.

I'm a front-end web developer.

about

Hello! I’m a Front-End Web Developer and creative problem solver who loves writing clean and accessible code. I’m looking to join a collaborative team and continue to grow my front-end skills while helping to make the internet beautiful and user-friendly for all.


I come from the world of marketing, having previously worked at a creative communications agency for four years. As Marketing Manager, I've worked with clients such as TELUS, Lyft, Sony Pictures Television, Lift & Co., INFINITI Motors, Communauto, and a plethora of tech and startup companies.


When I'm not coding, you'll find me trying new recipes, binging Bon Appétit videos, crafting, or dreaming of what kind of dog to adopt.

portrait headshot of brittany giles

skills & tools

H.T.M.L. 5
C.S.S. 3
Sass
JavaScript
jQuery
React
Git Hub
V.S. Code
Firebase
Responsive Design
Accessibility
Adobe Creative Suite

some things i've made

Screenshot of Memeseum app

Memeseum

Inspiried by one of my favourite Instagram accounts, @punk_history, I created an app that pulls a random piece of art from the Rijksmuseum API and allows users to get creative and add their own caption. This was my first time working with React and I also used both Firebase and HTML Canvas for this project.

  • React
  • Firebase
  • API
  • CSS3
  • HTML5

The Nygma Machine

The Nygma Machine is here to dispense advice based on the question you input, but you'll have to journey through the maze first! This React-based project was built with my pals Cecile Zhang, Jay Hinds, and Matt Hernandez.

  • React
  • Firebase
  • API
  • CSS3
  • HTML5
Screenshot of the Nygma Machine app loading page
Screenshot of Give Me a Drink app

Give Me a Drink!

This app helps you find a random recipe based on how you're feeling. Filter your result using a specific ingredient or by dietary restrictions and enjoy! This was a paired programming project created in collaboration with Abir Halwa.

  • jQuery
  • JavaScript
  • API
  • CSS3
  • Sass
  • HTML5

It's All About Sophie

This pixel-perfect multi-page PSD conversion utilizes CSS flexbox and is fully responsive across all devices.

  • Sass
  • CSS3
  • HTML5
Screenshot of It's All About Sophie landing page

contact

Hit me up using the super handy 'lil contact form or feel free to reach out to me directly at the email below! Please send pics of your dog.

giles.brittany@gmail.com

Thanks! Your message has been sent. ✨