Chapter 1 : Project setup with engaging hero and basic scroll animations
"Clone" the project
To get started, we only need to open the workshop's github repository on StackBlitz! We prepared a starting snapshot for you to get onboard quickly with a solid base (and most of the boring stuff already handled & setup correctly).
Starting SnapshotNext Steps
📁 Structure Overview
Get familiar with everything
👤 Adding the header
A pretty simple component to start things off
🦸♂️ Adding the hero
Continue with a more exciting section!
📜 Locomotive Scroll
Add the butter-smooth feeling we love
✨ Animating further
Let's get a bit crazy on the animations!
🛠 Create snippets
Improve readability and avoid repeating ourselves later
⏳ Preloader
Reduce the first paint delay & allow a smoother apparition of elements
✅ Result
What it should look like at the end of this chapter