Complete Responsive Websites ReactJS and Tailwind CSS - Complete Responsive Gym Website using ReactJS and Tailwind CSS

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

react website react js react website tutorial live website development react gym website tutorial react js gym yoga website tutorial complete react gym website project react js tutorial responsive react js website tutorial how to build website using react build and deploy the gym website best react tutorial on youtube

Full Transcript

🧑🏻‍💻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