Marmeto Product Showcase

Introduction

This project is a product showcase for Marmeto, featuring the "Embrace Sideboard." It provides users with an interactive interface to view product details, select colors and sizes, and add items to their cart. The application fetches product information from a provided API, dynamically updates the UI, and calculates discounts based on the original and discounted prices.

Hosting (Deployed Link)

Github Page: https://constgenius.github.io/Marmeto/
Vercel: https://marmeto-ten.vercel.app/
Netlify: https://resplendent-bonbon-662b74.netlify.app/

Getting Started

To run the project locally, follow these steps:

# Clone the repository
git clone https://github.com/constgenius/Marmeto

# Navigate to the project directory
cd Marmeto

# Open index.html in your preferred web browser

Screenshots

Desktop

Mobile

Tablet Portrait

Tablet Landscape

Usage

Explore the product details, select colors and sizes, and interact with the cart functionality. The application provides an immersive experience for users interested in the "Embrace Sideboard."

Features

Dynamic product details display.
Color and size selection options.
Real-time gallery updates.
Interactive cart functionality.

API Integration

The project fetches product data from an API to dynamically populate the product details. The color and size options are generated based on the API response.

Project Structure

index.html: The main HTML file containing the structure of the application.
style.css: The stylesheet with CSS rules for styling the application.
script.js: The JavaScript file handling dynamic interactions and API integration.

Author

Robin Singh