Stephanie Chen, Josh Garza, Hieu Ngo, Scott Matsuda
Our team built a fully functional front-end for a product page of an eCommerce site that meets the specifications and requirements outlined by project stakeholders and utilized an API provided by the client.
- Overview
- Related Products
- Questions and Answers
- Ratings and Reviews
![]() |
Compare Products: A user can click on the card of a related product to compare its features with the current product. A modal popup allows a user to compare without leaving the page. |
![]() |
Write Reviews: A modal popup allows a user to add a review for the selected product without leaving the page. |
-
Install Dependencies:
npm install
-
Make a copy of
example.env
and rename to.env
-
Create a .gitignore file and place in: -node_modules -client/dist -.env
-
npm run server-dev
-
npm run client-dev
: -listens on PORT set in.env
or 3000 -
Launch site: http://localhost:3000