Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
🔥Modern Animated Restaurant Website using ReactJS + Tailwind + Framer-Motion | Food website design
Play lesson

Complete Responsive Websites ReactJS and Tailwind CSS - 🔥Modern Animated Restaurant Website using ReactJS + Tailwind + Framer-Motion | Food website design

5.0 (1)
10 learners

What you'll learn

This course includes

  • 105.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

📥 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere