Developed a responsive Online Pokemon Card e-commerce website featuring a shopping cart functionality using React.js. The application allows users to view, add, and remove items from the cart, with real-time price updates. Implemented a dynamic checkout system and integrated a responsive design for optimal user experience across various devices.
- ReactJS
- JavaScript
- CSS
- HTML
-
Main Page : The Main Page serves as the central hub of the website. It includes the Header, Content, and Footer components. Users land on this page, where they can seamlessly navigate through the product catalog presented in the form of cards. Each card represents a product, showcasing key details.
-
Card Detail Page : The Card Detail Page is an interactive space users land on when they click on a specific product card. This page provides in-depth information about the selected product and offers recommendations for related items.
-
Shopping Cart : The Shopping Cart page is a user-friendly space that consolidates all selected products. Users can easily access this page by clicking on the cart icon, typically located on the top left of the website.
demo.video.mp4
- Product display : The main content section displays an array of product cards, each featuring essential information such as product image, name, and price
- Add to cart : Users can easily add desired products to their shopping cart directly from the Main Page
- Detailed Product Information : Users can explore comprehensive details about the selected product, including product name, description, rarity, code, set, and condition
- Recommendations : The page intelligently suggests other cards that users might find interesting or relevant
- Cart Overview : Users get a summarized view of the products they've added to their cart, including images, names, conditions, quantities, and prices
- Quantity Adjustment : Users can modify the quantity of each item directly from the cart
- Remove Items : A straightforward process to remove unwanted items from the cart
- Price Update : Real-time updates on the total price as users make changes
