Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
🔥Complete Responsive Interior Design Website Using ReactJS, Tailwind & Framer-motion | TCJ
Play lesson

Complete Responsive Websites ReactJS and Tailwind CSS - 🔥Complete Responsive Interior Design Website Using ReactJS, Tailwind & Framer-motion | TCJ

5.0 (1)
10 learners

What you'll learn

This course includes

  • 105.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

👁️ Live Preview: https://interior-tcj.netlify.app/ 📂 Free Source code: https://github.com/dilshad-ahmed/interior-web In this video we'll build and deploy Animated Interior Design Website using ReactJS + Tailwind CSS + Framer-motion. __________________________________________ 💬 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:01:57 Responsive Demo 00:04:11 Project Setup, Tailwind config, Google fonts 00:10:48 Navbar section using react and tailwind CSS 00:23:26 Animated Hero Page using tailwind CSS 00:39:00 Brand logo section 00:44:44 Services card section 01:00:05 Banner section 01:08:46 Banner2 section 01:16:46 Testimonial section 01:34:42 Newsletter section 01:41:46 Footer section 01:58:34 Animation section 02:18:38 Testing and Fixing bugs 02:29:10 Final Preview 02:33:33 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/ design-credit: https://dribbble.com/shots/20034431-Interior-Design-Animation-Landing-Page __________________________________________ follow us on Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny #interiordesign #reactjs #tailwindcss #framermotion #interiordesignwebsite #creativewebsite #reactproject #uidesign #webdesign #website #modernwebdesign #animatedwebsite #html #htmlcss #htmlcssjavascriptproject #reactwebsite #reactjstutorial #responsivewebsite #websitedevelopment #webdesign #webdevelopment #frontend #frontenddevelopment #thecodingjourney #tcj #coding #codingtutorial #uiux

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere