Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
🔥Complete Restaurant Food Website using ReactJS and Tailwind CSS | Build and Deploy
Play lesson

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

5.0 (1)
10 learners

What you'll learn

This course includes

  • 105.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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://eaternity.netlify.app/ 📂 Source code (Support 💖) : https://www.buymeacoffee.com/thecodingjourney/e/243825 👨🏻‍💻 Develop the project : https://github.com/dilshad-ahmed/eaternity-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: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 : 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere