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

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:

👆 Download (files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP

- - - - - - - - - - - - - - - - - - - - - - - - - -

💬 Join our community

🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )

🎬 Restaurant Website Playlist

- - - - - - - - - - - - - - - - - - - - - - - - - -

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.

- - - - - - - - - - - - - - - - - - - - - - - - - -

👨🏻‍💻 Gadgets I used 👇🏻

- - - - - - - - - - - - - - - - - - - - - - - - - -

⏱ 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 -
▫️Facebook -
▫️Twitter -

- - - - - - - - - - - - - - - - - - - - - - - - - - -

💼 Packages :

- - - - - - - - - - - - - - - - - - - - - - - - - -

#reactwebsite #restaurantwebsite #framermotion #tailwind #responsivewebsite #foodwebsite #tailwindcss #reactjs #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #reactjstutorial #codingtutorial #uiux

[TheCodingJourney]

🎉 Preview Link and Source code Link is available in the description. Join our community to start your Coding Journey 🚀

[edsHTML]

aweome project bro! i like the animations 🔥🔥🔥

[ManishRaj-iobg]

before watching your video i never find like yours video your are insane, one important things i watch your and code with songs

[KAJUBHAI]

A request can you please make fully animated website including parallax effects and all please ❤

[vivekvr]

Broo .container class is not working as you shown in this video .the media query is not working

[indianlion]

Please tell me where you get these designs .