Skip to content

Instantly share code, notes, and snippets.

@sachinlala
Last active March 26, 2024 02:16
Show Gist options
  • Save sachinlala/299709cda7b6d07b7ccbb3629d72c961 to your computer and use it in GitHub Desktop.
Save sachinlala/299709cda7b6d07b7ccbb3629d72c961 to your computer and use it in GitHub Desktop.
Required Outcomes:
1. Create an e-commerce Product Detail page, in the domain of Gift Cards or General Merchandise or Groceries.
2. Create an API with mock data induced into it to render the product detail page:
For the API -
Input: Product URL Key
Output: JSON payload, with following fields: Product Id, Name, Description, Price, Availability, Image URL
* Product Id: Unique Identifier
* Name: The name to display at the top of the detail page
* Description: Brief description (4-5 words)
* Price: self explanatory
** Availability: A (Available) or O (Out of stock)
*** A => Add To Cart button should be displayed
*** O => Add to Cart button should be disabled
* Image URL: URL of the image to display in the page.
Build a working page. It is ok if you do not have the full page ready.
Please create a GIF / video of the pages and also take screenshot.
It will be nice to have to also show a banner (with a promotion) or a video content in the same page.
Please provide link to your GitHub repository once the assignment is completed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment