🔥Complete Responsive Restaurant Website using React and Tailwind CSS || Build and Deploy
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
📥 Download this template from here ( FREE Download ) 🔗https://templatesee.com/template/modern-restaurant-website-react-tailwind 🔥FREE | Premium | Custom website templates on our website! 🔗 https://templatesee.com ✅ For Startups & Businesses – Build a stunning online presence effortlessly. ✅ For Developers – Customize & use it in your projects. ✅ For Learners – Perfect for practicing and improving your web development skills! _____________________________________ 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/ 👨🏻💻 Develop the project : https://github.com/dilshad-ahmed/restaurant-starter 👆 Download (files + images) - Click on the GitHub link - Click the green button (code) - Click Download ZIP 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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 #templatesee #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
Sobre este curso
Lo que aprenderás en este curso:
- Dominar la sintaxis moderna de JavaScript (ES6+)
- Manipular el DOM y gestionar eventos del navegador
- Trabajar con funciones asíncronas, promesas y APIs
- Implementar estructuras de datos y algoritmos en JavaScript