🍦 Luvelicious Site

Welcome to the Luvelicious Site! This project showcases a dynamic ice cream website built using React. The site includes various sections such as Header, Hero Section, Offers, Menu, About, Testimonials, and Footer.

Mockups

Mockup Overview

Main Mockup	Checkout Mockup	Empty Cart Mockup

🚀 Features

• Dynamic Ratings: The static site was transformed into a dynamic one by generating random ratings and total orders for each menu item.
• Star Ratings: Implemented a custom star rating display using JavaScript's Math.random() function to generate ratings. Displayed ratings using filled and blank stars, enhancing the user experience.

🧰 Technologies Used

• React: The site is built using React, a popular JavaScript library for building user interfaces.
• JavaScript: Leveraged JavaScript for dynamic content generation and star rating functionality.
• CSS: Styled the site with CSS for a clean and responsive design.

🖥️ Project Structure

• Header: Contains the navigation menu and logo.
• Hero Section: A visually appealing introduction to the site, showcasing featured ice creams.
• Offers: Displays special offers or discounts.
• Menu: Lists all available ice creams with dynamic ratings and total orders.
• About: Information about the ice cream shop and its history.
• Testimonials: Customer feedback and reviews.
• Footer: Contains contact information and feedback form.

📂 Installation

1. Clone the repository:

   git clone https://github.com/your-username/ice-cream-site.git

2. Navigate to the project directory:

   cd ice-cream-site

3. Install the dependencies:

   npm install

4. Start the development server:

   npm start