ecommerce

This is my submission for FINAL_TASK Virtual Internship Exprerience Rakamin Academy at Core Initiative

Requirement

1. Displays data obtained from the API https://fakestoreapi.com with the index being a number 1-20 in which each index has a different category, for example https://fakestoreapi.com/products/1 which has the men's clothing category
2. Only 1 product is displayed, but it will change every time the user presses the Next button Product
3. Provide a loading element/loader that will be displayed when waiting for a reply from the API so that design remains UX friendly. The loader can be a spinner (https://www.w3schools.com/howto/howto_css_loader.asp) or skeleton (https://dev.to/devggaurav/build-a-simple-card-skeleton-loader-component-using-html-andcss-3a20)
4. Form a three-page website according to the design provided in the following Figma

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.