Frontend Mentor - E-commerce product page [TypeScript]

Usage

Live: https://ahmed-abohmaid.github.io/typeScript-product-page/

Technologies Used

• TypeScript with Vite
• HTML
• CSS

Features

• Responsive Design:
  • The website is designed to provide the optimal layout for various screen sizes, such as desktops, tablets, and mobile devices.
• Lightbox Gallery:
  • Users can open a lightbox gallery by clicking on the large product image. This allows them to view a larger version of the product image in a modal overlay.
• Thumbnail Image Switching:
  • Users can switch the large product image by clicking on the small thumbnail images. This enables them to view different angles or variations of the product.
• Cart Functionality:
  • Users can add items to their cart by clicking the "Add to Cart" button associated with each product.
  • They can view the items in their cart at any time.
  • In the cart view, users can remove items from their cart.

Frontend Mentor

Thanks for checking out this front-end coding challenge.

Frontend Mentor challenges help you improve your coding skills by building realistic projects.

To do this challenge, you need a good understanding of HTML, CSS and JavaScript.

Challenge Link: Challenge

My Solution: Solution