https://github.com/syknapse/market-component

A component to search for available markets in an area and browse their product categories
https://github.com/syknapse/market-component

Last synced: 7 months ago
JSON representation

A component to search for available markets in an area and browse their product categories

• Host: GitHub
• URL: https://github.com/syknapse/market-component
• Owner: Syknapse
• Created: 2018-03-16T12:19:34.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-18T17:12:00.000Z (almost 8 years ago)
• Last Synced: 2025-03-13T16:16:49.718Z (10 months ago)
• Language: JavaScript
• Homepage: https://syknapse.github.io/Market-Component/
• Size: 19.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Market Component

A component to make API calls and get an interactive product list from a selcted market and postal code area.

[Live Demo here](https://syknapse.github.io/Market-Component/)

![lolacomponent](https://user-images.githubusercontent.com/29199184/37568494-12dffe92-2ad6-11e8-8c09-a8b26bfc8e82.gif)

## Technologies used

+ Vanilla Javascript

+ HTML CSS

+ ES6

+ Fetch API

+ CSS grid and flex-box

## User stories

+ View selected market and postal code.

+ View a complete list of products divided into categories, subcategories or complete section.

+ Hover over a category shows an arrow to open or close subcategory section.

+ Clicked item is indicated with a tick icon.

## Known issues

+ Using a dummy API.

+ Clicking on products or full section throws an error.