a single-page e-commerce product page that displays a list of products, allows users to view details of each product, and add products to a shopping cart.
Tech Stack
Language - Typescript
Version Control - Git via https://github.com/hycord/premierstudios-application-frontend
Core Functionality
Product Listing:
Display a list of all products with their image, name, price, and a brief description.
Each product should have a 'View Details' button.
Product Details Modal:
Clicking 'View Details' should open a modal with detailed information about the product (image, full description, price).
The modal should have an 'Add to Cart' button.
Shopping Cart:
Display a simple shopping cart on the right side of the page.
The cart should show a list of added products with their name, price, and quantity.
Display the total price of the items in the cart.
Allow users to modify quantity and remove items from the cart.
Setup Instructions
Local Development
Have the latest LTS Node.js version available
run `npm install`
run `npm run dev`