Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

GrillBurger πŸ”πŸ”₯ is a React-powered βš›οΈ static website styled with Tailwind CSS 🎨 and MUI 🎭. It showcases delicious burgers πŸ”, customer testimonials πŸ’¬, and smooth animations ✨ using AOS πŸ”„ & React Slick 🎠. A modern, responsive, and engaging πŸ† web experience! 🌍

Notifications You must be signed in to change notification settings

Prakhar-002/GrillBurger

Repository files navigation

GrillBurger - πŸ” Satisfy Your Hunger!

GrillBurger πŸ” is a React web app using MUI 🎨 for a sleek UI, Tailwind CSS πŸ’¨ for styling, AOS ✨ for animations, and React Slick 🎠 for smooth burger sliders! 🍟




πŸ’» Tech Stack β›…οΈπŸžοΈ

React Badge npm Badge Node.js Badge Tailwind CSS Badge HTML5 Badge CSS Badge JavaScript Badge Vercel Badge Netlify Badge


Features πŸ‚

πŸ–₯️ Modern & Stylish UI (MUI + Emotion)

  • MUI Components – 🎨 Beautiful, pre-styled UI elements.
  • Custom Styling with Emotion – 🎭 Easily add unique styles.
  • MUI Icons – πŸ”£ High-quality icons for navigation and design.

✨ Smooth Animations (AOS)

  • Scroll Animations – πŸ”„ Elements fade, slide, or zoom on scroll.
  • Engaging User Experience – ⚑ Adds a modern, interactive feel.

🎠 Interactive Sliders (React Slick + Slick Carousel)

  • Burger Showcase Slider – πŸ” Highlight signature burgers with smooth transitions.
  • Customer Reviews Carousel – πŸ’¬ Display testimonials in an elegant slider.
  • Auto & Manual Navigation – πŸ”€ Users can swipe or click to explore.

πŸͺ‚ Fast & Efficient React Features

  • Optimized Performance – ⚑ Built with React 18 for fast rendering.
  • Reusable Components – πŸ› οΈ Maintainable and scalable structure.
  • React Icons – 🎭 Lightweight, customizable icons for enhanced visuals.

Technologies Used πŸ‘©πŸ»β€πŸ’»πŸ€–

  • React 18 – βš› Fast and efficient UI rendering.
  • MUI (Material-UI) – 🎭 Pre-styled, modern UI components.
  • Emotion CSS – 🎨 Custom styling with flexibility.
  • Tailwind CSS – 🌬 Lightweight and responsive styling.
  • AOS (Animate on Scroll) – πŸ”„ Smooth scroll animations.
  • MUI Icons – πŸ”£ High-quality material icons.
  • React Icons – 🎭 Lightweight and customizable icons.
  • React Slick & Slick Carousel – 🎑 Smooth sliders for burger showcase & testimonials.

Installation Guide πŸš€

Clone πŸ—οΈ the repository πŸ”

For Windows πŸ–₯️

git clone https://github.com/Prakhar-002/GrillBurger
cd GrillBurger

For Linux and macOS 🍏

git clone https://github.com/Prakhar-002/GrillBurger
cd GrillBurger

Install πŸ“₯ dependencies πŸ“¦

npm install

Start ▢️ the application πŸ“€

npm run dev

🌍 Access the app in your browser at ➑️

πŸ”— http://localhost:5173

πŸŽ‰ Happy Coding! πŸ§‘β€πŸ’»πŸ”₯

Netlify Status 


 GrillBurger
 | 
 │── πŸ—‚οΈsrc/ πŸ”Ή React source code
 | | 
 β”‚ β”œβ”€β”€ πŸ—‚οΈ assets/ πŸ”Ή Images, icons, and other assets
 | | 
 β”‚ β”œβ”€β”€ πŸ—‚οΈ components/ πŸ”Ή Reusable UI components
 | | | 
 β”‚ β”‚ β”œβ”€β”€ πŸ“‘ AppStore/ πŸ”Έ App Store section
 | | | | 
 β”‚ β”‚ β”‚ └── βš›οΈ AppStore.jsx 
 | | | 
 β”‚ β”‚ β”œβ”€β”€ πŸ“‘ Banner/ πŸ”Έ Hero banner section
 | | | | 
 β”‚ β”‚ β”‚ └── βš›οΈ Banner.jsx 
 | | | 
 β”‚ β”‚ β”œβ”€β”€ πŸ“‘ Footer/ πŸ”Έ Footer section
 | | | | 
 β”‚ β”‚ β”‚ └── βš›οΈ Footer.jsx 
 | | | 
 β”‚ β”‚ β”œβ”€β”€ πŸ“‘ HeaderTitle/ πŸ”Έ Page heading section
 | | | | 
 β”‚ β”‚ β”‚ └── βš›οΈ HeaderTitle.jsx 
 | | | 
 β”‚ β”‚ β”œβ”€β”€ πŸ“‘ Hero/ πŸ”Έ Hero section
 | | | | 
 β”‚ β”‚ β”‚ └── βš›οΈ Hero.jsx 
 | | | 
 β”‚ β”‚ β”œβ”€β”€ πŸ“‘ Navbar/ πŸ”Έ Navigation bar
 | | | | 
 β”‚ β”‚ β”‚ └── βš›οΈ Navbar.jsx 
 | | | 
 β”‚ β”‚ β”œβ”€β”€ πŸ“‘ Services/ πŸ”Έ Services section
 | | | | 
 β”‚ β”‚ β”‚ └── βš›οΈ Services.jsx 
 | | | 
 β”‚ β”‚ └── πŸ“‘ Testimonial/ πŸ”Έ Customer testimonials
 | | | 
 β”‚ β”‚ └── βš›οΈ Testimonial.jsx 
 β”‚ β”‚ 
 β”‚ └── βš›οΈ App.jsx πŸ”Ή Main App component 
 β”‚ 
 │── .gitignore πŸ”Ή Git ignore file 
 │── package.json πŸ”Ή Project dependencies 
 │── tailwind.config.js πŸ”Ή Tailwind customization 
 │── postcss.config.js πŸ”Ή PostCSS configuration 
 └──README.md πŸ”Ή Project documentation

About

GrillBurger πŸ”πŸ”₯ is a React-powered βš›οΈ static website styled with Tailwind CSS 🎨 and MUI 🎭. It showcases delicious burgers πŸ”, customer testimonials πŸ’¬, and smooth animations ✨ using AOS πŸ”„ & React Slick 🎠. A modern, responsive, and engaging πŸ† web experience! 🌍

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /