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

Published: 19 July 2023
on channel: Lama Dev
97,287
2.3k

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):    • Full Stack Restaurant Food Ordering A...  

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

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

Join Lama Dev groups
Instagram:   / lamawebdev  
Facebook:   / lamadev  
Discord:   / discord  
Twitter:   / 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


Watch video Restaurant Food Delivery App Design - React Next.js & Tailwind | Responsive Food Ordering Website online without registration, duration hours minute second in high quality. This video was added by user Lama Dev 19 July 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 97,287 once and liked it 2.3 thousand people.