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...
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
На этой странице сайта вы можете посмотреть видео онлайн React Website Tutorial With Tailwind CSS - Beginner React Mobile Responsive Project длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Code Commerce 25 Июль 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 97,337 раз и оно понравилось 2.9 тысяч зрителям. Приятного просмотра!
