Complete Responsive Gym Website using ReactJS and Tailwind CSS

Sobre esta lección

🧑🏻‍💻In this tutorial we'll build and deploy Complete Responsive Gym Website with ReactJS and Tailwind CSS. 👀 Live Preview: https://gym-tcj.netlify.app/ 💖 Source Code ( Support me ) : https://buymeacoffee.com/thecodingjourney/e/249388 🧡 Get the source code absolutely Free || Don't forget to LIKE & SUBSCRIBE😍 🎉 https://github.com/dilshad-ahmed/gym-website 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey Source Code :- https://github.com/dilshad-ahmed/gym-website Support me 💖 : https://www.buymeacoffee.com/thecodingjourney/ 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 👉🏻 Responsive Complete Landing page. 👉🏻 Responsive Navbar. 👉🏻 Beautiful Animated website (Animate on scroll). 👉🏻 Fully responsive Hero page (All device supported ). 👉🏻 Modern responsive pricing card. 👉🏻 Responsive Footer. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build Responsive Navbar using ReactJS. 🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. 🔥 You'll learn to animation on websites. 🔥 You'll build fully responsive website in reactJS using Tailwind CSS 🔥 Best practices and debugging skills. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 07:55 Project Setup 14:43 Extensions used 16:46 Configuring tailwind CSS 22:49 Responsive Navbar Section 48:20 Dark Mode and Light mode feature 01:05:52 Hero Page Section 01:23:22 Banner Section 01:44:23 Contact Us Section 01:53:30 Pricing Card Section 02:14:40 App Download Section 02:23:04 Responsive Testimonial Section Reactjs 02:37:14 Responsive Footer section with Tailwind CSS 02:44:44 Final design testing and fixing 02:52:54 Deploying the app Like👍🏻 and Subscribe 💖 the video to get more videos like this. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - 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 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #livecoding #reactwebsite #gymwebsite #tailwind #gym #responsivewebsite #tailwindcss #reactjs #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial #codingchallenge #coding #livecode #uiux – Music provided by Lofi Girl – Listen: bit.ly/lofigirI-playlists