Back to Browse

React JS Project using Tailwind CSS || Build and Deploy Burger Restaurant Website

9.1K views
Dec 30, 2023
1:38:50

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

Download

1 formats

Video Formats

360pmp4196.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

React JS Project using Tailwind CSS || Build and Deploy Burger Restaurant Website | NatokHD