Youtor
Watching Tailwind Tutorials Is A Waste Of Time
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=GDd2c70gsxE
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... • Coding Challenges! • https://bit.ly/Code-Challenges • Get the data here! src/data/data.js • ๐ป GitHub Repo ๐ป • https://github.com/fireclint/food-app... • ๐ Build a React JS website - Beginner Guide • ๐ Tailwind CSS • ๐ useState Hook • ๐ Filter results • • โค๏ธ Support the Channel • https://www.buymeacoffee.com/clintbriley • Instagram ๐ช • / 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
#############################
