DharshiBalasubramaniyam / ice-cream-parlour-website

This is a responsive user-friendly online ice cream store website using HTML, CSS and Vanilla JavaScript.
https://icyco.vercel.app/
85 stars 275 forks source link
css3 front-end html5 javascript vanilla-javascript

🍦 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:


✨ Key Features ✨

πŸ“± Responsive Design:

πŸ›’ Shopping Cart Functionality:

πŸ“ Form Validations:

⭐ Interactive Reviews Section:


πŸ“Έ 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:


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](https://reporoster.com/stars/DharshiBalasubramaniyam/ice-cream-parlour-website)](https://github.com/DharshiBalasubramaniyam/ice-cream-parlour-website/stargazers)

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:

Back to Top