Hello developers! 👋.
Here are the challenges you'll be tackling:
- 👨💻 Recreate the live demo by yourself.
- 📱 Make the project responsive, ensuring it looks great on any device.
- 🎠 Add a carousel header using the powerful animation library, GSAP.
- 🔄 Refactor the code to optimize it, particularly when dealing with multiple sections.
- 🚀 As a stretch goal, try to recreate the advanced version of the website.
To aid you on this journey, here are some important resources:
- 🎥 Lecture: Your theoretical foundation.
- 💻 Live Demo: The practical blueprint you'll be recreating.
- 🏞️ Advanced Version: The next level to aspire to.
- 🌟 GSAP: A tool for creating high-performance animations.
- 🖼️ Imageloaded: A library to help manage your images.
- 🕵️ Redo the live demo: Understand and recreate the live demo independently. This is where you'll apply your understanding of the fundamental concepts.
- 🔍 Make it responsive: Adapt your website to different device sizes for a seamless user experience.
- 🎨 Add a carousel header using GSAP: Enrich your website with an interactive carousel header.
- 💡 Refactor the code for multiple sections: Should your website have multiple sections, ensure your code is efficient and clean by refactoring.
- 🎢 Redo the advanced version: For those who enjoy an extra challenge, try recreating the advanced version of the website.
Remember, this is a learning journey. Don't hesitate to ask questions, collaborate with others, and share your learning. Happy coding! 🚀