This project was initally designed to navigate through and visualize the contents of the LCBO API repository. LCBO stands for "Liquor Control Board of Ontario", a corporation that retails and distributes alcoholic beverages throughout the Canadian province of Ontario. Since the LCBO API has recently been converted to an open source project, I have kept the website's framework and downloaded only a sample of data per category and type of product. You can read more about it here --> https://lcboapi.com/news/lcbo-api-is-now-open-source-software/.
This project was bootstrapped with Create React App.
Below you will find some information on how to perform common tasks.
-
Clone the project
-
Navigate to vino>>src>>components>>stores and add a new file. Name it key.json and add your own Google Maps API key in the following format: [{ "gmapKey": "your_Google_Maps_API_key"}]
-
From the project root folder run the command:
npm install -
From the root folder run the following command:
npm start
A sample of the navigation pages is displayed below.
Welcome page
About
Products
Filter products by category and type
See specifications and serving suggestions by hovering on top of product
Map visualization of Windsor's LCBO stores.
Contact page
