/mock-store

test for frontend development

Primary LanguageJavaScript

Mock Store

Company Name: Bob's Super Spectacular Wonderful Amazing Store.

  • Create a home page that features the 4 items on th page
  • Create a PLP (Product List Page) page
  • Create a PDP (Product Detail) page
  • Create a cart page [extra credit]
  • Create a user account page [ extra credit]

there isn't a design for the the cart or user account page. use below as a reference for the two pages.

Cart Page Cart Image

User Account Page User Account

Resources:

Design Files

You can find the assets for the store located in the section that says Download Assets.

Api

https://fakestoreapi.com/docs

Vue

https://www.storefrontui.io/ https://storybook.storefrontui.io/?path=/story/introduction--how-to-use-storybook

I was unable to find a free react component library. I feel between this one that I am sharing here and the storefront ui component library you should be able to tackle the plp and the pdp pages. If you have your own library yourself then feel free to use that as well.

Colors

https://coolors.co/2660a4-edf7f6-f19953-c47335-56351e

Two Collections

Mens's clothing: https://fakestoreapi.com/products/category/men's clothing women's clothing: https://fakestoreapi.com/products/category/women's clothing

Use the following user for the cart: https://fakestoreapi.com/carts/user/2

User demographic: https://fakestoreapi.com/users/2

Deployment

You don't need to worry about the deployment of the site. The site is connected to a vercel project. As soon as you push up to main it will deploy the the project url. You can view your store at the following url: url

Additional Information

Feature the following items on the home page: Mens: id: 2, 6 Womens: id 17, 19