A frontend pet project for an ice cream shop website, built to showcase a modern, user-friendly interface for browsing and purchasing ice cream products.
- Product Catalog: Browse a variety of ice cream flavors with descriptions, prices, and images.
- Shopping Cart: Add items to the cart, update quantities, and view the total cost.
- Responsive Design: Optimized for both desktop and mobile devices.
- Search & Filters: Search for products and filter by categories (e.g., vegan, classic, seasonal).
- Checkout Mockup: Simulated checkout process (no real payment integration).
- Animations: Smooth transitions and hover effects for an engaging user experience.
- HTML5: For semantic markup.
- CSS3: Styling with Tailwind CSS for rapid development.
- JavaScript: Core interactivity using vanilla JS or a framework like React.
- React: For component-based architecture.
- Vite: For fast development and bundling.
- Clone the repository:
git clone https://github.com/shkafenko1/Glacy
- Navigate to the project directory:
cd ice-cream-shop - If using a package manager (e.g., npm), install dependencies:
npm install
- Start the development server:
Open
npm run dev
http://localhost:5173(or the specified port) in your browser.
- Browsing Products: Navigate through the catalog to view ice cream flavors.
- Adding to Cart: Click "Add to Cart" on any product to include it in your cart.
- Cart Management: View, update, or remove items from the cart.
- Checkout: Proceed to the mock checkout page to simulate an order.
- Responsive Testing: Resize the browser or use a mobile device to test responsiveness.
Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Make your changes and commit (
git commit -m "Add your feature"). - Push to the branch (
git push origin feature/your-feature). - Open a pull