A Client-facing Retail Web Portal Design for an e-commerce website. The main components for this product page was composed of a Product Overview, Related Products, Questions and Answers, and Ratings and Reviews.
- In this component, users will be able to sort and filter the review feed of the current product displayed in the overview
- Displays the amount of reviews as well as users opinions of the features of the product.
Product Overview: Warren
Related Products: Jordan
Questions and Answers: Bo
Ratings and Reviews: Joshua
To download a copy of the code repository, open up a new Terminal window, navigate into your directory where you want to store your code, and paste the following command:
git clone https://github.com/fec9-wendys/project-atelier.git
Navigate into the root project folder
cd project-atelier/
Open up the project in your root directory with your preferred code editor. If you are using Visual Studio Code you may use the following command:
code .
To run the project files, you must first install all package dependencies in a terminal window. You may use the same Terminal window as before, or you may open up a new Terminal window within your VS Code editor with the shortcut (⌘ Command + `) in Mac or (Ctrl + `) in Windows.
- Install npm dependencies with the npm install command in the terminal:
npm install-
Create a copy of
example.axiosConfig.jsinside the src folder, rename it toconfig.jsand add the required API keys. -
Next you should run the build and start command into two separate terminals to build the client-side content and initialize webpack.
npm run buildnpm run start- The application will now run on your local host with the port value of 3000. Simply type
localhost:3000onto your browser and now you are running our application.