A light blue drawing of a fern leaf

Melanie Peto

Web Developer

a face-on portrait of Mel

About Me

Welcome! I'm Mel. I am a resourceful and empathetic front end web developer with training in HTML, CSS, Javascript and React. I am a graduate of Juno College's Web Development Bootcamp and I currently work as a Web Specialist on the e-Commerce team at Holt Renfrew. I aim to create functional and delightful user experiences. When I am not coding, catch me playing Ultimate Frisbee, experimenting with cooking, camping, eating pasta, or being a boss at Jeopardy!

Skills

  • HTML5

  • CSS3

  • Javascript (ES6)

  • SASS

  • Github/Git

  • Firebase

  • jQuery

  • React

  • REST APIs

  • devices

    Responsive WebDevelopment

  • Accessibility

  • jQuery

Projects

A small mockup of project one, called All About Sophie, on a laptop screen.

All About Sophie

HTML | CSS/Sass

A pixel-perfect translation of a PSD into a functional multi-page website. Built with HTML and styled using Sass (SCSS syntax). Developed to be responsive and accessible.

View Live View Repo
A small mockup of project two, called Color Aura Explorer, on a laptop screen.

Color Aura Explorer

Javascript | HTML | CSS/Sass | RESTful API

Choose your emotion and Color Aura Explorer will provide you with a color palette to match your mood, along with some advice and insight into your feelings today ;). Your aura is positively glowing! A pair-programming project with my bud Caroline M. using vanilla Javascript and fetch to access a third-party API.

View Live View Repo
A small mockup of project three, called Link's Kitchen, on a laptop screen.

Link's Kitchen

jQuery | HTML | CSS | RESTful API

A companion to Nintendo's Legend of Zelda: Breath of the Wild. Choose your desired effect from the list to see all the ingredients which will lend that effect to your dish when cooked in the cooking pot. Uses ajax to access a RESTful API, and the jQuery library to manipulate the DOM.

View Live View Repo
A small mockup of project four, called Custom Poll Creator, on a laptop screen.

Custom Poll Creator

React | Javascript | HTML5 | CSS3 | Firebase

Enter a question and two possible responses, and have your friends cast their votes. This app uses React components, state, routes, and props, and connects to Firebase for persistent data. This project has lots of room to grow; check GitHub for my goals and learning opportunities connected to this project.

View Live View Repo
A small mockup of project five, called Let's Get Quizzical, on a laptop screen.

Let's Get Quizzical

React | Javascript | HTML5 | CSS3 | Firebase

This is an interactive Trivial Pursuit-like application created using React and Firebase, and accessing the Open Trivia API. This application stores all past games on the Firebase Realtime Database to allow users to replay old games. This was a group project with Lester Y., Joey S. and Pau G.

View Live View Repo

Contact

Thank you so much for visiting! Please contact me to receive a copy of my resume.