🔥Modern Animated Restaurant Website using ReactJS + Tailwind + Framer-Motion | Food website design

Sobre esta lección

📥 Download this template from here ( FREE Download ) 🔗https://templatesee.com/template/foodies-restaurant-website-modern 🔥FREE | Premium | Custom website templates on our website! 🔗 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! __________________________________ Build and Deploy complete Food Restaurant website using ReactJS and Tailwind CSS. you will learn how to make modern responsive web app from building to deploying it on the internet. 👁️ Live Preview: https://foodies-tcj.netlify.app/ 👨🏻‍💻 Develop the project : https://github.com/dilshad-ahmed/foodies-starter 👆 Download (files + images) - Click on the GitHub link - Click the green button (code) - Click Download ZIP - - - - - - - - - - - - - - - - - - - - - - - - - - 💬 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 🎬 Restaurant Website Playlist https://www.youtube.com/playlist?list=PLt2fZkYs6q_m4mAuEreCBjNInObYHzz1C - - - - - - - - - - - - - - - - - - - - - - - - - - Features: 👉🏻 Responsive Complete Landing page. 👉🏻 Framer-motion Animation. 👉🏻 Fully responsive Hero page( All device supported ) What you will learn: 🔥 How to build Responsive Navbar using ReactJS. 🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. 🔥 You'll learn to animation on websites. 🔥 You'll build fully responsive website in reactJS using Tailwind CSS 🔥 Best practices and debugging skills. - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 02:46 Project Setup & Configuring tailwind CSS 09:22 Responsive Navbar Section 25:51 Responsive Dropdown with Tailwind CSS 20:10 Animated Hero page with Framer-motion 39:18 Hot Dessert Card Section 48:08 Banner Section 56:10 Animated card section usinng Framer motion 01:02:38 Testimonials section 01:07:95 Responsive Footer section with Tailwind CSS 01:13:10 Final design testing and fixing 01:13:48 Build and Deploying React project 👍🏻Like and Subscribe for more tutorials 💖 - - - - - - - - - - - - - - - - - - - - - - - - - - 🔔Follow us on ▫️Instagram - https://www.instagram.com/the.coding.journey/ ▫️Facebook - https://m.facebook.com/thecodingjourney ▫️Twitter - https://www.twitter.com/thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : react: https://react.dev tailwind: https://tailwindcss.com/ framer-motion: https://www.framer.com/motion/ vite: https://vitejs.dev/guide/ react-icons: https://react-icons.github.io/ design credit: https://dribbble.com/shots/8853431-Food-Landing-Page - - - - - - - - - - - - - - - - - - - - - - - - - - #templatesee #reactwebsite #restaurantwebsite #framermotion #tailwind #responsivewebsite #foodwebsite #tailwindcss #reactjs #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #reactjstutorial #codingtutorial #uiux