background image black and white flower

 html & css

 javascript & jQuery

 react

 sketch

 front-end developer.

scroll for

portfolio

about me

Professional Headshot Photo of Cheryl Leung
Hi there! My name is Cheryl.

I am a Front-End Developer located in Toronto, Canada.
I aim to always make great, functional, aesthetically pleasing and accessible websites that also provide a great UX/UI experience.

In my previous employments, I have always thrived working with people due to many years working with client/customer service fields. I bring these skills with me as a developer along with a strong set of technical skills.

I love to learn, and I am always looking forward to expanding my personal and technical skillset.

Also: I love dogs more than anything.

get to know me better ↓

resume // contact me

Keep scrolling to see a selection of work I have coded; all made with love.

*Click* options under the mockup to see animated demos.

showcase

Picture of Desktop Mac and Tablet with screenshot of drive solo PSD website
drive solo

PSD CONVERSION | HTML | CSS

A PSD Conversion >> converted into a full layout website using HTML and CSS; using floats.

Responsive across all devices.

Picture of Desktop Mac and Tablet with screenshot of drive solo PSD website

Static

|

Desktop Demo

|

Mobile Demo

Picture of Desktop Mac and Tablet with screenshot of Cute Killer Robots website project

Static

|

Desktop Demo

|

Mobile Demo

cute killer robots

HTML | CSS & SASS | SKETCH | JAVASCRIPT | JQUERY

Created the full design/layout and coded all functionality.

A hangman game with a killer robot theme. Guess the word before the robot gets fully built, or else it will turn into a killer robot!

A fully functional game with animations and jQuery elements dynamically added to the DOM.

Responsive across all devices.

Picture of Desktop Mac and Tablet with screenshot of Fashion and Art website project
fashion and art

HTML | CSS & SASS | SKETCH

Created the full design/layout and coded all functionality.

A multi-page website with a fashion and art theme, creating layouts using photos from Chanel at Paris Fashion Week and Kanye West's Yeezy Spring Fashion Line.

** Currently formatted for Desktop Version Only. **

Picture of Desktop Mac and Tablet with screenshot of fashion and art website project

Static

|

Homepage Demo

|

Portfolio Demo

|

Lookbook Demo

Picture of Desktop Mac and Tablet with screenshot of woo commerce website project

Static

|

Desktop Demo

zap woocommerce

PSD CONVERSION | HTML | CSS

Shopping website created from PSD >> converted into a full-bleed layout website using HTML and CSS using Flexbox.

Overlays on photos and hover states on all interactions.

** Currently formatted for Desktop Version Only. **

Picture of Desktop Mac and Tablet with screenshot of animal collectives website project
animal collectives

HTML & CSS | JAVASCRIPT | JQUERY | REST APIs | PAIRED PROGRAMMING

Have you ever wondered what the collective name of an animal was?

Website designed and coded with fellow developer Alex Dodd - calling two APIs to generate the collective name of the typed in animal, as well as a background image of the animal.

Responsive across all devices.

Picture of Desktop Mac and Tablet with screenshot of animal collectives website project

Static

|

Desktop Demo

|

Mobile Demo

Picture of Desktop Mac and Tablet with screenshot of does the dog die react project

Static

|

Desktop Demo

|

Mobile Demo

does the dog die?

REACT | REST APIs;AXIOS | JAVASCRIPT | HTML | CSS

Created and designed by me with myself in mind - as i refuse to watch a movie which a dog dies in it. :(

Using the REACT framework, this single page application allows to search a movie and will return a result to let you know if a dog dies in the movie, along with a poster of the movie.

Picture of Desktop Mac and Tablet with screenshot of average joe website project
average joe

REACT | REST APIs | JAVASCRIPT | HTML | AGENCY STYLE |
TEAM PROGRAMMING

Agency style: this single page REACT application was created from a provided client brief.

Coded and designed with fellow developers Fazaa Ahmed, Adam Pachulski and Jeffrey Xu.

MapQuest API is called to generate directions, static maps and the 'middle choice' (average joe) of the results.

Picture of Desktop Mac and Tablet with screenshot of average joe website project

Static

|

Desktop Demo

|

Mobile Demo

skills

contact me

connect socially

- or -

send me a quick message