🔥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:
https://foodies-tcj.netlify.app/

📂 Source code: https://buymeacoffee.com/thecodingjou...

👨🏻‍💻 Develop the project : https://github.com/dilshad-ahmed/food...
👆 Download (files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP

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

💬 Join our community
WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax...
Telegram :- https://t.me/the_coding_journey


🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
   • Complete Responsive Websites ReactJS ...  

🎬 Restaurant Website Playlist
   • Restaurant Websites React and Tailwin...  

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

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 👇🏻
Laptop: https://amzn.to/3VRiIMh | https://amzn.to/4ctuMul
Monitor: https://amzn.to/45WzIVP | https://amzn.to/3Wbjbdx
Keyboard: https://amzn.to/3XOhggg
Mouse: https://amzn.to/45WKSdo
Pentab: https://amzn.to/4eM1rwN
Mic: https://amzn.to/3zxM9eM
Chair: https://amzn.to/45Rzsrj
Bluetooth earphone: https://amzn.to/3LkK749

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

⏱ 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 -
  / the.coding.journey  
▫️Facebook -
  / thecodingjourney  
▫️Twitter -
  / 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-Fo...

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

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