gemmadlou / chad-portfolio Goto Github PK

• Build homepage hover/click effects
• Build about page on load effects
• Build contact page on load effects
• Menu
  • Menu should change color as you scroll
• Project page
  • Build initial image zoom in effect

• Homepage
  • Build initial page load effects
• Menu
  • Fade in menu
  • Fade in menu list - one after the other
• Project page
  • Build image fade in effects on project page when scrolling

Await fonts from Chad

Background perspective and motion
https://codepen.io/vajkri/pen/grgQmb

Original idea
https://youtu.be/6jru0MAhR7U

https://youtu.be/STwoa-9jxi0?t=6m35s

unfold.no

https://youtu.be/STwoa-9jxi0?t=8m20s
control a video by how much you scroll

https://youtu.be/STwoa-9jxi0

https://codepen.io/electerious/pen/gLLozQ

.eg Window eye lady
http://onesharedhouse.com/

• User led interaction with 'go-to-projects' page

• Await Chad's decision

• On project page - https://css-tricks.com/introducing-css-scroll-snap-points/
• Snap points on mobile homepage

• Add logo
• Add menu button (hamburger) - svg/css
• Design on hover effects (and click effects on mobile)
• Build hover/click effects
• Design initial page load effects
  The projects would load in order top left-to-right, then bottom left-to-right
• Create react app
• Create routes (not using react router please!!!!)
• Setup redux (just to familiarise yourself first - don't implement full routes with contentful yet)

• Nice 404 page
• Loading message (even though we should cater for not loaded or error. But for now this is good enough)
• Meta description

http://onesharedhouse.com/survey

• Setup environment file in netlify
• Project page
• About page
• Contact page integration
• Homepage integration
  • Make image compulsory

In Carousel, the image is portrait, so change this. On the feature page it is landscape but on the homepage it is portrait