Hi, I'm

Audra

Web Developer

Picture of Audra smiling wearing a black shirt, grey cropped sweater, and blue jeans against a blue backdrop.

Hi there, I'm Audra.

I’m a front-end developer and video game nerd with a passion for problem solving, building, and making. I was a teacher prior to becoming a developer, so you’ll find I'm a team player, collaborator, and organizer, who is comfortable giving, receiving and incorporating constructive feedback. I love clear, responsive, accessible code that elevates the user experience and results in websites or apps that people need - or just want. When I’m not coding, you’ll find me learning something new (right now it’s a UX/UI design course), playing or coaching with Toronto Roller Derby, or defeating Gotham’s greatest villains in the Batman Arkham series.

Contact Me

Skills

  • HTML5
  • CSS3
  • SASS
  • JavaScript
  • jQuery
  • Github
  • Git
  • VS Code
  • Firebase
  • React

Portfolio

A screenshot of the opening screen of PokeBattle. A squirtle faces the middle of the green battlefield with its back to the user. A menu bar below shows squirtle, a water pokemon, charmander, a fire pokemon, and bulbasaur, a grass pokemon. Beside the menu is a large button reading battle

PokeBattle

A rock - paper - scissors game with pokemon which demonstrates fundamental JavaScript knowledge and utilizes a RESTful API. Upon the game result, a randomized Pokémon themed reaction gif suddenly appears. Built with Matt as a pair-programming project.

Built with: REST API, JavaScript, jQuery, HTML5, SASS

View Live View On Github

Rock-Paper-Scissors-Lizard-Spock

Based off of the game played on The Big Bang Theory, this is a rock-paper-scissors game with the addition of lizard and spock. Select an option to play against your browser. If you win, you'll win a random joke from the Joke API. The image shows you what each selection beats and loses to. Created as the final project for JavaScript Fundamentals. Uses jQuery, JavaScript, HTML5 & CSS3..

Built with: HTML5, CSS3, JavaScript, jQuery, REST API

View Live View On Github
A screenshot of Rock-Paper-Scissors-Lizard-Spock. Under the title text there is an instructional image showing how the game is played. Under the instructional image there are five buttons: rock, paper, scissors, lizard, and Spock. Rock beats lizard and scissors, lizard beats paper and Spock, Spock beats rock and scissors, scissors beats lizard and paper, and paper beats rock and Spock.
A screenshot of Marky-Mark the Marks Calculator. Under the title of Marky-Mark there is instruction text. Below that is three rows of two fields, where the marks and weights go. There is a large calculate button at the bottom of the page with a percentage sign below it.

Marky - Mark

A marks calculator that takes weighted grades into consideration. Enter your marks and their weight, and Marky-Mark will calculate your overall grade!

Built with: JavaScript, jQuery, HTML5, SASS

View Live View On Github

What Do You No

An educational game that uses homophones to help users expand their vocabulary. Users can add their names to a leaderboard and store words from the game in a dictionary to refer to later. This was a group project created with Nick Reyno, Laura MacKew, and Changmo Sung.

Built with: React, Firebase, REST APIs, HTML5, SASS

View Live View On Github
A screenshot of the opening screen of What Do You No. The title of the page is What Do You No in black text surrounded by a black border. Below the title is instruction text and three buttons with the level difficulties: easy, medium, and hard. Below the level buttons is a large button called My Dictionary.

Presently Working On:

UX/UI Design and JavaScript30

Contact Me

Fill out the form or email me directly! I'd love to discuss opportunities, video games, or answer any questions you may have. I'll even try to give you a good derby name!

audra@audracodes.ca