Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
React JS Project using Tailwind CSS || Build and Deploy Burger Restaurant Website
Play lesson

Complete Responsive Websites ReactJS and Tailwind CSS - React JS Project using Tailwind CSS || Build and Deploy Burger Restaurant Website

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 Burger 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. 🧡 Get the source code absolutely Free || Don't forget to LIKE & SUBSCRIBE😍 https://github.com/dilshad-ahmed/burger-shop 👁️ Live Preview: https://online-burger-tcj.netlify.app/ 💬 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. 👉🏻 Modern Animated Cards 👉🏻 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:50 Responsive Demo 03:04 Software Download 03:30 Project Setup 05:54 Configuring tailwind CSS 10:02 Responsive Navbar section 24:34 Dark Mode Feature 21:14 Hero section 37:01 Services section 48:07 Banner section 56:14 App Store section 01:01:37 Testimonial section 01:11:07 Footer section 01:26:22 Animation (Animate on scroll) 01:34:20 Testing And Final Preview 01:36:50 Deploying the website - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 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 #burgershop #responsivewebsite #foodwebsite #tailwindcss #reactjs #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #uidesign #burger #burgerking #burgershop Follow us on - Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny

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