🔥Complete Responsive Interior Design Website Using ReactJS, Tailwind & Framer-motion | TCJ
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
👁️ 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
Sobre este curso
Lo que aprenderás en este curso:
- Dominar la sintaxis moderna de JavaScript (ES6+)
- Manipular el DOM y gestionar eventos del navegador
- Trabajar con funciones asíncronas, promesas y APIs
- Implementar estructuras de datos y algoritmos en JavaScript