Restaurant Food Delivery App Design - React Next.js and Tailwind
Offered By: Lama Dev via YouTube
Course Description
Overview
Learn to design a responsive restaurant food delivery app using React, Next.js, and Tailwind CSS in this comprehensive tutorial. Master the fundamentals of creating a modern, user-friendly interface for a food ordering website. Explore key concepts including Next.js TypeScript installation, app routing, and layout creation. Dive into Tailwind CSS basics and implement responsive design techniques for various components such as navigation menus, sliders, and product listings. Develop essential e-commerce functionalities like product pricing calculations, shopping cart design, and user authentication pages. Perfect for beginners looking to build a full-stack food delivery application, this hands-on course covers everything from initial setup to final deployment.
Syllabus
Introduction
Next.js TypeScript Tailwind Installation
Creating Pages with Next.js App Router
Next.js Layout
Tailwind Basics
React Tailwind Responsive Navbar Menu tutorial
Footer Design
React Tailwind Homepage Design
React Tailwind Responsive Slider Tutorial
React Automatic Image Slider Tutorial with useEffect
Featured Products Design
Offer Component Design
Category Page Design
React Tailwind Product List Page Design
React Tailwind Single Product Page Design
React How to Calculate Product Price with Quantity and Options?
React Tailwind E-commerce Cart Page Design
React Tailwind Login Page Design
Orders Page Design
Outro
Taught by
Lama Dev
Related Courses
Intro to AJAXUdacity Web Design for Everybody Capstone
University of Michigan via Coursera Web Design for Everybody Capstone
University of Michigan via Coursera Developing Dynamic Web Applications Using Angular
Microsoft via edX Project Management: Mastering Complexity
Delft University of Technology via edX