YoVDO

Restaurant Food Delivery App Design - React Next.js and Tailwind

Offered By: Lama Dev via YouTube

Tags

Next.js Courses React Courses Front-end Development Courses Responsive Web Design Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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 AJAX
Udacity
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