Restaurant Food Delivery App Design – React Next.js & Tailwind | Responsive Food Ordering Website

Responsive restaurant website UI design tutorial with React Next.js and Tailwind CSS. React Tailwind project course for beginners.

You are watching the first part (UI Design Part).
The next part (Full Stack Food Delivery App): https://youtu.be/aYzT06aQkGI

If it is valuable to you, you can support Lama Dev.
Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join
Buy me a coffee: https://www.buymeacoffee.com/lamadev

Source Code:
https://github.com/safak/restaurant-ui

Join Lama Dev groups
Instagram: https://www.instagram.com/lamawebdev
Facebook: https://www.facebook.com/groups/lamadev
Discord: https://discord.gg/yKremu4mPr
Twitter: https://twitter.com/lamawebdev

00:00 Introduction
02:45 Next.js TypeScript Tailwind Installation
06:00 Creating Pages with Next.js App Router
08:54 Next.js Layout
10:56 Tailwind Basics
14:15 React Tailwind Responsive Navbar Menu tutorial
32:34 Footer Design
33:52 React Tailwind Homepage Design
34:46 React Tailwind Responsive Slider Tutorial
40:11 React Automatic Image Slider Tutorial with useEffect
46:39 Featured Products Design
59:10 Offer Component Design
01:06:38 Category Page Design
01:14:25 React Tailwind Product List Page Design
01:23:27 React Tailwind Single Product Page Design
01:25:48 React How to Calculate Product Price with Quantity and Options?
01:42:24 React Tailwind E-commerce Cart Page Design
01:53:10 React Tailwind Login Page Design
02:00:12 Orders Page Design
02:06:53 Outro