Michelle Guo Front-End Development Portfolio

50 %
50 %
Information about Michelle Guo Front-End Development Portfolio
Design

Published on February 20, 2014

Author: justchuinsf

Source: slideshare.net

Description

My front-end development projects so far and the lessons I've learned from them. I love spending my free time finding solutions to code and design-related problems.

Michelle Guo Front-end development portfolio Last updated February 2014

My first coding project and a Mother’s Day gift for my mom. I had limited knowledge of HTML and CSS at the time, and I challenged myself by using a jQuery plugin for the page. I also used Photoshop Elements to edit the photos on the page.

I used the Flip! jQuery plugin - when you click on each card, it flips to show one of the reasons why my mom is incredible. ! Check out the page here: http://miguo.github.io/MothersDayGift/

This was a Hot or Cold game I created using mathematical functions in Javascript. For the design, I focused on a simple interface with just a few colors and eye-pleasing typography.

Each time the page is refreshed, a random number is selected and the player must guess the number. I used the Raphaël Javascript library to create an SVG color meter on top which provides feedback on the guesses. ! Check out the app here: http://miguo.github.io/HotOrColdGame/

This grocery list app is one I particularly enjoyed coding because I can use it in my daily life, and because I learned a lot from it. This was also the first web app I created on Bootstrap.

With this project, I learned to create box shadows for the buttons to get a push down effect, use trash icons to delete individual items, sort list items with jQuery, and move checked items automatically to the bottom of the list. ! Check out the app here: http://miguo.github.io/GroceryList/

I created this quiz of quotes from one of my favorite actresses, Jennifer Lawrence. The user is given variations of the same quote and has to guess which one is her actual quote. I built the quiz using the Bootstrap Carousel.

This project was great because I ran into a lot of problems, which I learned from. I learned about radio buttons and using Javascript to change background color and HTML text. ! Check out the app here: http://miguo.github.io/QuizApp/

Michelle Guo Front-end development portfolio …that’s it for now but I will continue to add new projects as I finish them! ! Feel free to contact me via: Twitter Google Plus Last updated February 2014

Add a comment

Related presentations

Related pages

Michelle Guo Front-End Development Portfolio - HubSlide

My front-end development projects so far and the lessons I've learned from them. I love spending my free time finding solutions to code and design-related ...
Read more

Michelle Guo | UX Designer & Front-End Developer

Michelle Guo. I'm a UX Designer and Front-End Developer. Ask me where I'm from and you may get several different answers.....but I'm currently based in Los ...
Read more

Michelle Guo | Front-End Developer

In the first part of this post, How I Became a Front-End Developer – Part 1, I talked about discovering that I enjoyed coding, taking a 3-month paid ...
Read more

Michelle Guo | Front-End Developer

I am Michelle Guo and I am a ... I wouldn’t have imagined that I would be writing a post on cross-browser development, ... I'm a self-taught front-end ...
Read more

Michele Guo | LinkedIn

View Michele Guo’s professional profile on ... • Client portfolio management via Outlook and ... Michelle Guo. Development Team Lead at Salted Stone ...
Read more

Michelle Huang - Front End Developer

Michelle Huang Front End Developer "A ship in port is safe, ... Portfolio. Programming Proverbs jQuery, AJAX, Bootstrap, HTML/CSS; To Do List jQuery, HTML/CSS;
Read more

About Us - Inbound Marketing Agency - Salted Stone

Portfolio; Content. Content Marketing; ... Michelle Guo Development Team Lead. ... Senior Front-End Developer. Stephen Yager
Read more

Michelle N. Rodriguez | Front-End Web Developer Portfolio

Michelle N. Rodriguez. Home; About; Portfolio; Contact; Welcome to my Web Portfolio! Web Design, Web Development, UI Design, WordPress. Twitter | Facebook ...
Read more

Michelle Guo | LinkedIn

View Michelle Guo’s professional profile on LinkedIn. LinkedIn is the world's largest business network, helping professionals like Michelle Guo discover ...
Read more

Lily GUO Portfolio | Front-end Developer in Sydney

Lily GUO Portfolio Front-end Developer in Sydney. Menu. Home; About; Blogs; Contact; Location; Travel Sydney. Travel Sydney. ... Follow “Lily GUO ...
Read more