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
Build a Full Stack Twitter clone with Next.jsCoursera Project Network via Coursera Next JS with React Hooks - Building SSR React Applications
Udemy End to End React with Prisma 2
Udemy Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera Next.js 14 & React - The Complete Guide
Udemy