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.
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.
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.
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
📱 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.
💻Desktop and📱Mobile View
We welcome contributions to the Ice Cream Parlour Website! To get started, please follow these simple steps:
-
🍴 Fork the Repository
- Visit the repository page.
- Click the Fork button (top right) to create a copy of the project in your GitHub account.
-
💻 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.
- Clone the repository to your local machine by running the following command in your terminal:
-
🌿 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
oradd-contact-form
.
- Create a new branch for your work:
-
🛠️ 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.
-
✅ Test Your Changes
- Test your changes locally by opening the
index.html
file in your web browser to ensure everything functions as expected.
- Test your changes locally by opening the
-
💬 Commit Your Changes
- Commit your changes with a descriptive message:
git add . git commit -m "Added feature X or Fixed issue Y"
- Commit your changes with a descriptive message:
-
📤 Push Your Changes
- Push your changes to your forked repository:
git push origin your-branch-name
- Push your changes to your forked repository:
-
🔄 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.
-
🔎 Review Changes
- The project manager will review your PR. If approved, your changes will be merged.
*🏆 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
All contributors must adhere to the guidelines. Violations can affect your profile. Review the guidelines here.
A big thank you to all the contributors! 🎉
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.