Portfolio websites with React.js, Next.js, Tailwind CSS, Framer Motion, Three.js and Chakra UI - React Website Tutorial With Tailwind CSS - Beginner React Mobile Responsive Project

React Website Tutorial With Tailwind CSS - Beginner React Mobile Responsive Project. Follow along and build this beginner friendly React JS website styled completely with Tailwind CSS. Mobile first responsive design approach using flexbox and grid layouts. Pulling all of the data/images from the data.js file to simulate an API response. Filter through data/images using the javascript filter array method. 🙏 Thank you for following along and please let me know what you think in the comments below! Free Resume Template https://bit.ly/3BMRa4A ZeroTo Mastery: - Master React JS Course - https://bit.ly/Learn-React-JS - Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer-2023 Coding Challenges! https://bit.ly/Code-Challenges Get the data here! src/data/data.js 💻 GitHub Repo 💻 https://github.com/fireclint/food-app-react-tailwind 🏆 Build a React JS website - Beginner Guide 🏆 Tailwind CSS 🏆 useState Hook 🏆 Filter results ❤️ Support the Channel https://www.buymeacoffee.com/clintbriley Instagram 💪 https://instagram.com/fireclint ⏰ Timestamps 00:00 Welcome 01:30 Create React App 02:12 Install Tailwind CSS 03:32 Global Styles in Index.css 06:05 Navbar component 20:15 Mobile Menu 31:25 Hero Component 38:10 HeadlineCards Component 46:01 Food Component 57:10 Map through data 1:05:55 Filter through data 01:10:46 Category Component 🔥 My Coding Equipment 🔥 Logitech MX Wireless Keyboard - https://amzn.to/3xKPFiN Logitech MX Master 2S Wireless Mouse - https://amzn.to/3O5WmRD SAMSUNG 49-Inch Gaming Monitor - https://amzn.to/3mvUy8M Monitor Desk Light Bar - https://amzn.to/3xzKlyj