Summary
Keywords
Full Transcript
👁️ Live Preview: https://fanta-house.netlify.app/ 📂 Free Source code: https://github.com/dilshad-ahmed/creative-fanta __________________________________________ 💬 Join our coders community 👨🏻💻 WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV 🎬 Playlist ( Creative website + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_nUJwCxmZDtssLHZxxNF5Ai 🎬 VSCode Extension: https://www.youtube.com/watch?v=oaqJJt_iE94&t=20s __________________________________________ 🕒Timestamps 00:00:00 Intro 00:02:00 Responsive Demo 00:03:33 Project Setup, Tailwind config, Google fonts 00:12:15 Navbar section using react and tailwind CSS 00:17:35 Animated Hero Page using tailwind CSS 00:45:35 Product Card section 00:56:37 Animated Banner section 01:08:25 Blogs section 01:15:32 FAQ section 01:21:11 Footer section 01:31:19 Final preview, Build and Deployment 👍 Thanks for watching! Make sure to like & Subscribe for more! 💜 💼 Packages : react: https://react.dev tailwind: https://tailwindcss.com/ Framer-motion: https://www.framer.com/motion/ vitejs: https://vitejs.dev/guide/ react-icons: https://react-icons.github.io/ __________________________________________ follow us on Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny #reactjs #tailwindcss #framermotion #creativewebsite #reactproject #uidesign #webdesign #website #modernwebdesign #animatedwebsite #html #htmlcss #htmlcssjavascriptproject #reactwebsite #reactjstutorial #responsivewebsite #websitedevelopment #webdesign #webdevelopment #frontend #frontenddevelopment #thecodingjourney #tcj #coding #codingtutorial #uiux
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
