This responsive, user-friendly ice cream store website is built using HTML, CSS, and Vanilla JavaScript. It offers a delightful experience with an user friendly interface and interactive features to make exploring ice cream options even more fun! Whether you're shopping for ice cream or browsing reviews, the website is optimized for both desktop and mobile users.
HTML is the backbone of the web. It provides the structure for the website by defining elements such as headings, paragraphs, buttons, images, and more. For this project: HTML is used to create the layout of all sections, from the navbar to the footer. HTML helps in organizing content in form of Tags that are easy to acces and edit.
CSS is responsible for the website's appearance, allowing us to apply styling rules to make the website visually attractive and responsive. In this project: CSS is used to style the entire page, including colors, fonts, and layouts. It also ensures that the website is responsive across all devices, adjusting elements to look great on different screen sizes.
JavaScript is a programming language that brings the website to life by adding interactivity and functionality. For this project: Vanilla JavaScript handles dynamic features such as adding items to the shopping cart, viewing/removing them, and form validations. It is also responsible for the interactive review slider using Swiper.js.
📱 Responsive Design Responsive Navbar: Smooth toggle menu and scrollspy feature to enhance navigation across devices. Fluid Layout: Sections like Home, Products, About, and Contact adjust beautifully across screen sizes.
🛒 Shopping Cart Functionality Add to Cart: Easily add your favorite ice cream to the cart. View & Remove Items: A simple way to view or remove items from your cart.
📝 Form Validations Contact Form: Proper validation for fields, ensuring correct user inputs. Newsletter Signup: Validates email entries for the subscription form.
⭐ Interactive Reviews Section Swiper.js Slider: Customers can view reviews with an engaging and smooth sliding effect.
We’re excited to have you contribute to this Ice Cream Parlour Website project! Follow these simple steps to get started:
-
🍴 Fork the Repository
- Go to the repository page.
- Click the Fork button (top right). This creates a copy of the project in your GitHub account.
-
💻 Clone Your Fork
- Once the repository is forked, clone it to your local machine. Open your terminal and run:
git clone https://github.com/your-username/ice-cream-parlour-website.git
- Replace your-username with your GitHub username.
-
🌿 Create a New Branch
- Before making any changes, create a new branch for your work:
git checkout -b your-branch-name
- Choose a branch name that describes what you're working on, such as fix-navbar or add-contact-form.
-
🛠️ Make Your Changes
- Open the project files in your code editor (like VS Code) and make your changes.
- You can contact the project manager Dharshi Balsubramaniyam for any queiries you have.
-
✅ Test Your Changes
- Make sure your changes work correctly by testing the website locally. Open the index.html file in your browser to see your updates.
-
💬 Commit Your Changes
- Once your changes are ready, commit them with a descriptive message:
git add . git commit -m "Added feature X or Fixed issue Y"
- Once your changes are ready, commit them with a descriptive message:
-
📤 Push Your Changes
- Push your changes to your forked repository on GitHub:
git push origin your-branch-name
-
🔄 Create a Pull Request (PR)
- Go back to the original repository here.
- Click the Compare & pull request button.
- Write a short description of your changes and submit the pull request (PR).
-
**🔎Review Changes
- The project manager will review your PR. If your changes are approved, your request would be merged.
By following these steps, you can easily contribute to this project! If you have any questions, feel free to ask in the repository’s discussion or issue section.
🏆 Contribution Levels: All the tasks will be assigned various levels based on the complexity of the task and skills required to complete it. Every level will provide you a different amount of Points that is:
- 🥇 Level 1: 10 Points
- 🥈 Level 2: 25 Points
- 🥉 Level 3: 45 Points
It is important for all to adhere to all the Guildines, if found guilty the concequesces can affect your profile. To review the guidlines refer here
Thank you for checking out 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.
We encourage you to explore the website, share your thoughts, and get involved in improving the project. Let’s make this ice cream experience even sweeter together!
Happy coding! 🍦