Recreating Google's Stories Front Page using React & GSAP Part 1
Check out the tutorial and become more creative! Hey there, hope everyone is doing great! During this video, I will teach you how to create some part of Google's story front-page www.stories.google from scratch, especially the mobile scrolling and image gallery using GSAP and a bunch of CSS. It was an interesting journey but one that was really enjoyable and I did make some progress to my knowledge as well. Life example https://stories-google.netlify.app/ Just fork to have the starter project https://github.com/nicubarbaros/web-unlocked-starter-project Chapters: 00:00 Intro 00:53 React Components 12:10 Styling with SCSS 26:00 Collage & Header GSAP animation 31:36 Mobile with GSAP Scroll Trigger & Background transition 41:37 Closing Notes Social Links: https://github.com/nicubarbaros https://twitter.com/BarbarosNicu Project bootstrapped by https://www.gatsbyjs.org/ New to the channel? Hey there my name is Nicu, I am a Front end developer.I'm here mainly because of lack of creativity and hopefully to educate people on how to code projects that actually look good. If you have any suggestions on tutorials you would like to see feel free to DM me :) Do you like the series? You can support the channel by buying me a coffee at https://www.buymeacoffee.com/nicubarbaros ☕️.
Check out the tutorial and become more creative! Hey there, hope everyone is doing great! During this video, I will teach you how to create some part of Google's story front-page www.stories.google from scratch, especially the mobile scrolling and image gallery using GSAP and a bunch of CSS. It was an interesting journey but one that was really enjoyable and I did make some progress to my knowledge as well. Life example https://stories-google.netlify.app/ Just fork to have the starter project https://github.com/nicubarbaros/web-unlocked-starter-project Chapters: 00:00 Intro 00:53 React Components 12:10 Styling with SCSS 26:00 Collage & Header GSAP animation 31:36 Mobile with GSAP Scroll Trigger & Background transition 41:37 Closing Notes Social Links: https://github.com/nicubarbaros https://twitter.com/BarbarosNicu Project bootstrapped by https://www.gatsbyjs.org/ New to the channel? Hey there my name is Nicu, I am a Front end developer.I'm here mainly because of lack of creativity and hopefully to educate people on how to code projects that actually look good. If you have any suggestions on tutorials you would like to see feel free to DM me :) Do you like the series? You can support the channel by buying me a coffee at https://www.buymeacoffee.com/nicubarbaros ☕️.