Build React Website For Beginners - Tailwind, Smooth Scroll and styled-components

If you are a beginner with React and want to build your first website or want to learn the best practices of building elegant React landing pages for your freelance projects or your Saas startups with awesome design and user experience you are in the right place. In this video, we will build a full smooth scrolling website from scratch using React and Tailwind alongside styled-components and typescript all in one video. ⭐ Timestamps ⭐ 00:00:00 What we are going to Build 00:03:36 Installing Technologies we are going to use 00:06:33 Initializing React Project using CRA CLI 00:07:33 Configuring Tailwind with create-react-app 00:17:27 Starting with the Top Section of the page 00:17:27 Marker 1 00:23:27 Creating Navbar and our Agency Logo 00:39:05 Adding Mobile Hamburger Menu for more responsiveness 00:44:09 Add Indonesia TopSection Background Image 00:50:04 Creating Standalone Text on top of the background 01:07:58 Make Top Section Mobile Responsive 01:10:58 Creating Explore Section 01:23:44 Adding Slideshow Images for Travel Places 01:32:19 Adding Minimal Footer 02:01:54 Making sure the Website is a Mobile-Friendly (Responsive) 🧭 Watch Tutorial on Designing the website on Figma https://youtu.be/SB3rt-cQZas 🧭 Watch Create a Modern React Login/Register Form with smooth Animations https://youtu.be/-bll7l-BKQI 🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools https://youtu.be/_rnxOD9NKAs 🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React https://youtu.be/M_Oes39FNuk 🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app https://youtu.be/_rnxOD9NKAs 🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize https://youtu.be/VWEJ-GhjU4U 🧭 Introduction to GraphQL with Apollo and React https://youtu.be/eCO6MvvRhXk ⭐ You can Get the Full Web App Source Code (Frontend & Backend) w/ Docker Files from Github⭐ https://github.com/ipenywis/react-tailwind-website 🐦 Follow me on Twitter: https://twitter.com/ipenywis 💻 Github Profile: https://github.com/ipenywis 💡 My Blog: http://ipenywis.com Made with 💗 by Coderone