🔥Complete Responsive Restaurant Website using React and Tailwind CSS || Build and Deploy
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:
https://restaurant-tcj.netlify.app/
📂 Source code (Support 💖) : https://www.buymeacoffee.com/thecodin...
👨🏻💻 Develop the project : https://github.com/dilshad-ahmed/rest...
👆 Download (files + images)
Click on the GitHub link
Click the green button (code)
Click Download ZIP
💬 Join our community
WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax...
Telegram :- https://t.me/the_coding_journey
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
• Complete Responsive Websites ReactJS ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨🏻💻Gadgets I used 👇🏻
Laptop: https://amzn.to/3VRiIMh | https://amzn.to/4ctuMul
Monitor: https://amzn.to/45WzIVP | https://amzn.to/3Wbjbdx
Keyboard: https://amzn.to/3XOhggg
Mouse: https://amzn.to/45WKSdo
Pentab: https://amzn.to/4eM1rwN
Mic: https://amzn.to/3zxM9eM
Chair: https://amzn.to/45Rzsrj
Bluetooth earphone: https://amzn.to/3LkK749
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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:27 Responsive Demo
03:14 Software Download
03:42 Project Setup & Configuring tailwind CSS
07:40 Extensions used
09:54 Responsive Navbar Section with Dropdown
19:00 Responsive Dropdown with Tailwind CSS
31:00 Responsive Hero page with Tailwind CSS
45:15 Banner Section with 3d Animated Elements
57:00 Why choose us section
01:04:29 Responsive About section
01:11:45 Responsive Footer section with Tailwind CSS
01:21:50 Custom Login Popup modal section with react js and tailwind css
01:33:52 Animation section
01:42:19 Final design testing and fixing
01:46:37 Deploying the app
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💼 Packages :
tailwind css - https://tailwindcss.com/
react - https://react.dev
vite js - https://vitejs.dev/guide/
react icons - https://react-icons.github.io/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#reactwebsite #restaurantwebsite #responsivewebsite #foodwebsite #tailwindcss #reactjs #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #reactjstutorial #codingtutorial #uiux
– Music provided by Lofi Girl
– Listen: bit.ly/lofigirI-playlists
Смотрите видео 🔥Complete Responsive Restaurant Website using React and Tailwind CSS || Build and Deploy онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь The Coding Journey 17 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 21,638 раз и оно понравилось 456 людям.