Skip to content

Ellie-Yen/Ellie-Yen.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My-Portfolio

Hope you will enjoy it.

📌 live demo link

animation_of_texts_as_cover

(there're more demostrations in the last part.)
  • description:
    My portfolio with abundant interacting effects by typographical design. Build by react with webpack.

  • techs:

  • Use styled-component to create responsive values for css attributes by different props / className and speed up layout design.

  • The scrolling effect, lazy-loading and some animations are controlled by using IntersectionObserver API, useRef and useEffect together. They 're triggered when and only when the target elements are in the view (or vice versa); thus increasing the performance.

  • source and liscense:

  • demostrations

lazy-loading

demo_of_lazy_loading

scroll effect

demo_of_scroll_effect

RWD layouts

mockup_layout_of_desk

mockup_layout_of_mobile(iPhone SE)

project_showcase_on_Nest_Hub

project_showcase_on_iPhone_SE

loading_item_on_iPhone_SE