Jessy Yeh

WORK

• /01

  React API

  

  Goat News

  A news feed made with React and integrated with third party API which provides users the top news headlines based on Google ranking. Users can type any keywords to search for the news.
  
  The website is fully responsive and looks as good on a phone as it does on a desktop monitor. This was achieved using CSS grid and setting different breakpoints by @media rule.

  REPO LIVE

• /02

  JavaScript CSS

  

  Wordie

  This is a wordle clone with a disco-like theme! Users have 5 attempts to guess the answer. Each guess should contain 5 letters and no special characters are allowed.
  
  This was built as an exercise in vanilla JavaScript. The forEach array method were used to give each letter a corresponding colour and the includes method examines if the guess is in the word list or not.

  REPO LIVE

• /03

  HTML CSS

  

  VW-premium

  This car page was built with HTML and CSS, the most important fundamental languages. The hamburger menu appears on phones whilst hidden on desktop screen as the menu will be displayed directly.
  
  This responsive page makes use of CSS flex box module. Vanilla JS was used to filter Image gallery and toggle the Lightbox.

  REPO LIVE

• /04

  JavaScript SASS

  

  Memory Game

  A fun memory game which tests how fast you can match all the cards! Once you flip the first card, the timer will start counting.
  
  JS was used to create functions like shuffling cards, check match cards and the timer. SASS were used for this project. The 3D effect of flipping cards achieved using preserve-3d transform style.

  REPO LIVE