Commit 42245e09 by Murlidhar Fichadia

Update README.md to include video thumbnail and instructions to deploy project to the cloud.

parent b3959d79
......@@ -22,6 +22,7 @@ The Single Product page with Image Zoom feature which enhances the user experien
- **[Image Hover](#image-hover-with-lens-desktop):** Users can hover over product images to view zoomed in image and get a closer look. 3 different images should be used: thumbnail version for thumbnails, standard image for the main product placeholder and large version for zoomed-in image placeholder.
- **[Slide Functionality](#slider-with-arrows):** Users can navigate between product images and videos using left and right arrows.
- **[Thumbnails](#thumbnails-desktop):** Thumbnails of images and videos are displayed on the product page for quick access, it can be shown horizontally or vertically.
- **[Video Thumbnails](#video-thumbnails):** In the Product Slider,video should be displayed as an image only (do not embed video to the product slider).
- **Click to Open Image:** Clicking on a product image opens a pop-up viewer that displays the selected media.
- **Click to Open Video:** Clicking on a product video opens a pop-up viewer that plays the selected video.
......@@ -60,6 +61,7 @@ The Single Product page with Image Zoom feature which enhances the user experien
- Should be built without the use of third party libraries.
- Please make sure this project is completed at least one working day before your interview.
- The completed project should be submitted by pushing the code to GitHub and a link emailed to HR.
- Deploy the project to Netlify or to any other platform.
### Screenshots
......@@ -94,6 +96,12 @@ The Single Product page with Image Zoom feature which enhances the user experien
| *Desktop Thumbnail feature* |
#### Video Thumbnail (Desktop)
| <a id="video-thumbnails"> <img src="screenshots/video-thumbnails.png" height="400px" /> </a> |
|:--:|
| *Desktop Video Thumbnail feature* |
#### Pop-up viewer with Tabs (Desktop)
| <a id="popup-desktop"> <img src="screenshots/desktop-popup-viewer.png" width="100%" /> </a> |
|:--:|
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment