🔥Complete Restaurant Food Website using ReactJS and Tailwind CSS | Build and Deploy

preview_player
Показать описание
Build and Deploy complete Food Restaurant website using ReactJS and Tailwind CSS. you will learn how to make modern responsive web app from building to deploying it on the internet.

👁️ Live Preview:

👆 Download (files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP

💬 Join our community

🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Features:
👉🏻 Responsive Complete Landing page.
👉🏻 Animation on scroll.
👉🏻 Fully responsive Hero page( All device supported )

What you will learn:
🔥 How to build Responsive Navbar using ReactJS.
🔥 How to build Modern Responsive Hero page using ReactJS and Tailwind CSS.
🔥 You'll learn to animation on websites.
🔥 You'll build fully responsive website in reactJS using Tailwind CSS
🔥 Best practices and debugging skills.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

⏱ Timestamps
00:00 Demo
01:49 Responsive Demo
04:18 Project Setup & Configuring tailwind CSS
08:20 Extensions used
12:21 Software Download
13:01 Responsive Navbar Section with Dropdown
25:51 Responsive Dropdown with Tailwind CSS
33:25 Responsive Hero page with Tailwind CSS
50:44 Banner Section
01:00:22 Our Menu section
01:15:21 Testimonials section
01:27:08 Newsletter section
01:36:22 Responsive Footer section with Tailwind CSS
01:49:48 Animation section
01:57:53 Final design testing and fixing
02:00:52 Deploying the app

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

💼 Packages :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

#reactwebsite #restaurantwebsite #responsivewebsite #foodwebsite #tailwindcss #reactjs #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #reactjstutorial #codingtutorial #uiux
Рекомендации по теме
Комментарии
Автор

🎉 source code link and Preview link is available in the description 🎁.

join our community to start your coding journey 🚀

TheCodingJourney
Автор

😍 Keep it up the great work.. Soon you will reach the million of subscribers.. ❤

rzndcir
Автор

bhi ek school ka porfolio website bano

iron-man-
Автор

please make an explanation vedio of this project

nafisfuadtanvir
Автор

great. brother pls avoid music. it is disgusting. pls use your voice. it will be helpful. and make the project some functionality.and use react router dom.

rezwanulhaque
Автор

please make mini and functional things . You are making only UI.

mhhamzaedits
Автор

hey bro your design is nice can you tell me where did you get this design ? lets assume if i get a design from pinterest or dribble but they didnt give the pictures that are present in design only figma gives the elements of the design if i want a picture form design can you tell me how can i get a hight quality pictures form the website design ? i am eagerly waiting for your response .

thanks sir

animators
Автор

github startar code link not working and live Link is not working kindly slove this

mostafizurrahaman