Summary
Keywords
Full Transcript
Get this template from here🔗 https://templatesee.com/template/gaming-website-template-in-reactjs 🔥Fully responsive, modern, and easy to customize. Explore more premium & free templates on our website!👇🏻 🔗Visit https://templatesee.com ✅ For Startups & Businesses – Build a stunning online presence effortlessly. ✅ For Developers – Customize & use it in your projects. ✅ For Learners – Perfect for practicing and improving your web development skills! In this tutorial you we'll learn to build responsive Gaming Website design from scratch using ReactJS and Tailwind CSS in just 2 hours. -How to Make Responsive Gaming Website Using ReactJS and Tailwind CSS. 🧡 Get the source code absolutely Free || Don't forget to LIKE & SUBSCRIBE😍https://github.com/dilshad-ahmed/gaming-website 👁️ Live Preview: https://gaming-club.netlify.app/ 💬 Join our 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 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 👉🏻 Responsive Complete Landing page. 👉🏻 Gradient background with tailwind. 👉🏻 Modern card with using React and Tailwind CSS. 👉🏻 Fully responsive Hero page( All device supported ) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 Learning at building ReactJS and Tailwind CSS website. 🔥 How to build Responsive Navbar using ReactJS. 🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. 🔥 You'll build fully responsive website in reactJS using Tailwind CSS 🔥 Best practices and debugging skills. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Project Setup 05:42 What we build 05:54 Let's start with Navbar section 19:28 Hero Section 32:28 Trending Games section 47:17 Recommended Games section 01:25:49 What's New section 01:34:29 Newsletter section 01:40:45 Card section 01:55:17 Fixing the bugs 01:59:38 Final result - Click here to View - https://gaming-club.netlify.app/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ react icons - https://react-icons.github.io/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #gamingwebsite #templatesee #reactproject #responsivewebsite #tailwindcss #reactjstutorial #reactjs #tailwind #tailwindcss #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #gaming
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
