In our front end capstone, we have developed a fully functional e-commerce web application integrated with existing product API that meets the specifications and requirements outlined by project stakeholders.
The first widget of this project includes an image carousel, thumbnail carousel, extended view/zoom option, as well as product information, features, style select, and checkout section for the main product displayed. A light/dark mode toggle is also available for users on the navigation bar.
The Related Products carousel displays a list of products related to the main product determined by the API as well as a comparison modal when a user clicks on the star button. The outfit list carousel is unique to each user, displaying only the products that have been added by the user and persists upon close/refresh of the browser.
Based on the selected product, Questions and Answers displays a list of questions sorted by helpfulness. If the questions have answers, they will also be sorted by helpfulness, but you can only see two. If you select the "SEE MORE ANSWERS" text (button), you will see the remaining answers. To see more questions, select the "MORE ANSWERED QUESTIONS." There are also ways to add questions and answers by their coresponding buttons (Add A Question and Add Answer). Reporting an answer will remove the answer after returning to the website.
The ratings and reviews section displays relevant consumer feedback about the current product. The most impactful components will have the user's eye drawn to them with the popping blue theme color. The reviews section can be sorted, filted, and extended by the user through various buttons and selections in a way that feels smooth and seemless. The ability add a new review with modal pop-ups is clean and simple to follow.
