Vendible

Vendible is a redesign of a previous project into a virtual mall of three stores displaying a range of products from the Wal-Mart and Gilt APIs to purchase using the Stripe API. The Front End (React/Redux) and Back End (Node/Express) were built in two separate projects and uploaded to Netlify and Heroku respectively.

Links

Live site: https://vendible.netlify.com/
Vendible Server Repo: https://github.com/drerichards/vendible-server

Screenshots

Home Page

Stores Page

API Documentation

Wal-Mart

The Wal-Mart API allows text search of the Walmart.com catalogue and returns matching items available for sale online. Provides the products available in the Poketo Electronics store.

https://api.walmartlabs.com/v1/search?query=${searchterm}&format=json&categoryId=${categoryId}&apiKey=${WALMART_KEY}

Gilt

The Gilt Groupe APIs give the ability to build applications that display information about Gilt Groupe’s available products. Provides the products available in the Atelier Lks Apparel and Nurbana Home Goods stores.

https://api.gilt.com/v1/products?q=${searchterm}&store=${department}&rows=20&apikey=${GILT_KEY}

Stripe

Stripe is a suite of payment APIs that offers a payment platform to accept and process payments online for easy-to-use commerce solutions.

var stripe = require("stripe")(
    "sk_test_BQokikJOvBiI2HlWgH4olfQ2");
stripe.charges.create({  
	amount: 2000,  
	currency: "usd",  
	source: "tok_amex", // obtained with Stripe.js  
	description: "Charge for chloe.jackson@example.com"
}, function(err, charge) {
	// asynchronously called
});

Technologies:

• Front End
  • HTML
  • CSS/Flexbox
  • Javascript
  • React
  • Redux
  • Ant Design
• Back End
  • Node
  • Express
  • MongoDB/MLab
  • Mongoose
  • Passport (Local Authentication)