Skip to content

This is a responsive user-friendly online ice cream store website using HTML, CSS and Vanilla JavaScript.

Notifications You must be signed in to change notification settings

ygowthamr/ice-cream-parlour-website

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🍦 Ice Cream Parlour Website 🍨

Ice Cream Website Screenshot

Table of Contents


🌟 Overview 🌟

Welcome to the Ice Cream Parlour Website! This responsive and user-friendly website is designed to provide a delightful experience for ice cream lovers. Built using HTML, CSS, and Vanilla JavaScript, it offers an interactive interface for browsing ice cream options, shopping, and leaving reviews. The website is optimized for both desktop and mobile users, ensuring a smooth experience across all devices.

🌟 Stars 🍴 Forks πŸ› Issues πŸ”” Open PRs πŸ”• Close PRs
Stars Forks Issues Open Pull Requests Closed Pull Requests
---

βš™οΈ Technologies Used βš™οΈ

1. 🟧 HTML (HyperText Markup Language)

HTML serves as the backbone of the website, providing the structure and layout for various elements like headings, paragraphs, buttons, and images. In this project, HTML is used extensively to create the layout for sections such as the navbar, product display, and footer.

2. 🟦 CSS (Cascading Style Sheets)

CSS is utilized to style the website, enhancing its visual appeal and responsiveness. This project employs CSS to define colors, fonts, and layouts, ensuring a seamless experience across different screen sizes.

3. 🟨 JavaScript (Vanilla JavaScript)

JavaScript adds interactivity and functionality to the website. This project uses Vanilla JavaScript to implement dynamic features such as:

  • Adding items to the shopping cart
  • Viewing and removing items from the cart
  • Validating forms for user inputs
  • Implementing an interactive review slider using Swiper.js

✨ Key Features ✨

πŸ“± Responsive Design:

  • Responsive Navbar: Smooth toggle menu with a scrollspy feature for easy navigation across devices.
  • Fluid Layout: Sections like Home, Products, About, and Contact adjust beautifully to fit various screen sizes.

πŸ›’ Shopping Cart Functionality:

  • Add to Cart: Effortlessly add your favorite ice cream flavors to your cart.
  • View & Remove Items: Easily view or remove items from your shopping cart.

πŸ“ Form Validations:

  • Contact Form: Ensures proper validation of fields, guaranteeing correct user inputs.
  • Newsletter Signup: Validates email entries to ensure proper subscription.

⭐ Interactive Reviews Section:

  • Swiper.js Slider: Customers can view reviews in an engaging and smooth sliding effect, enhancing user interaction.

πŸ“Έ Screenshots

πŸ’»Desktop andπŸ“±Mobile View

First Image Second Image

This project is now OFFICIALLY accepted for

GSSoC 2024 Extd Hacktoberfest 2024

---

πŸš€ How to Contribute to This Project

We welcome contributions to the Ice Cream Parlour Website! To get started, please follow these simple steps:

  1. 🍴 Fork the Repository

    • Visit the repository page.
    • Click the Fork button (top right) to create a copy of the project in your GitHub account.
  2. πŸ’» Clone Your Fork

    • Clone the repository to your local machine by running the following command in your terminal:
      git clone https://github.com/your-username/ice-cream-parlour-website.git
    • Replace your-username with your GitHub username.
  3. 🌿 Create a New Branch

    • Create a new branch for your work:
      git checkout -b your-branch-name
    • Use a descriptive branch name that indicates the feature or fix you’re working on, like fix-navbar or add-contact-form.
  4. πŸ› οΈ Make Your Changes

    • Open the project files in your code editor (e.g., VS Code) and implement your changes.
    • If you have questions, feel free to contact the project manager, Dharshi Balsubramaniyam.
  5. βœ… Test Your Changes

    • Test your changes locally by opening the index.html file in your web browser to ensure everything functions as expected.
  6. πŸ’¬ Commit Your Changes

    • Commit your changes with a descriptive message:
      git add .
      git commit -m "Added feature X or Fixed issue Y"
  7. πŸ“€ Push Your Changes

    • Push your changes to your forked repository:
      git push origin your-branch-name
  8. πŸ”„ Create a Pull Request (PR)

    • Go back to the original repository here.
    • Click the Compare & pull request button.
    • Provide a brief description of your changes and submit the PR.
  9. πŸ”Ž Review Changes

    • The project manager will review your PR. If approved, your changes will be merged.

Contribution Points

*πŸ† Contribution Levels:
Tasks are categorized into various levels based on complexity and skills required. Each level provides different points as follows:

  • πŸ₯‡ Level 1: 10 Points
  • πŸ₯ˆ Level 2: 25 Points
  • πŸ₯‰ Level 3: 45 Points

GSSoC Guidelines

All contributors must adhere to the guidelines. Violations can affect your profile. Review the guidelines here.


Contributors

A big thank you to all the contributors! πŸŽ‰


Stargazers ❀️

Stargazers repo roster for DharshiBalasubramaniyam/ice-cream-parlour-website

Forkers ❀️

Forkers repo roster for DharshiBalasubramaniyam/ice-cream-parlour-website


πŸ“„ Ending Note

Thank you for exploring the Ice Cream Parlour Website! We hope you find this project enjoyable and informative. Your feedback, contributions, and suggestions are always welcome!

If you have any questions or need assistance, please feel free to reach out through the Issues section of this repository.

🌈 Join Us!

πŸ“« Contact

For any inquiries or support, please contact:


About

This is a responsive user-friendly online ice cream store website using HTML, CSS and Vanilla JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 63.9%
  • CSS 22.6%
  • JavaScript 13.5%