Project Description

I will be building a website (using HTML, CSS and Javascript - React) for an online marketplace.

For this project, the Products page will use Routes and direct the user to a store where items will display (from API fetch request).

Link to the API you plan to use

https://fakestoreapi.com/

Example data response you plan to use

{
id: 1,
title: "Fjallraven - Foldsack No. 1 Backpack, Fits 15 Laptops",
price: 109.95,
description: "Your perfect pack for everyday use and walks in the forest. Stash your laptop (up to 15 inches) in the padded sleeve, your everyday",
category: "men's clothing",
image: "https://fakestoreapi.com/img/81fPKd-2AYL._AC_SL1500_.jpg",
rating: {
rate: 3.9,
count: 120
}
},

Visual of your component hierarchy

• App.js
  • Header
    • AboutNav.js
    • SalesNav.js
      • Products.js
  • Main -ReviewCarousel

Wire Frames

MVP Goals

• As a user, I want to easily understand the companies' values.
• As a user, it will be vital that I find the products sold and understand what they are and how much they cost.
• As a user, I want to see other consumer's reviews and feel a sense of community from the site.
• As a user, I want to be able to navigate to the products page from the homepage and back again.

Stretch Goals

• As a user, I would like to be able to add items to my cart and see the cart display my number of items.