beaspider/react-demo-store

Moltin + React powered online store

Moltin — React Demo Store

An example store built using React, Redux and moltin. This project was bootstrapped with Create React App.

• Demo
• API Reference

Development

git clone https://github.com/moltin/react-demo-store.git
cd react-demo-store
yarn # or npm install
yarn start # or npm start

Note: You will want to change the client_id inside src/moltin.js with your own moltin store credentials.

This demo store uses the Redux "ducks" approach to bundling reducers and actions.

Deployment

Heroku

Docker

1. Download and install docker
2. Make sure docker is running locally
3. Run docker build -t lamp . at command line
4. Run the docker image with the command docker run -p 5000 IMAGE_ID where IMAGE_ID is the image ID shown in the result of step 3.
5. Access your app on port 5000

Using this app with your own moltin store

The app expects a certain inventory setup to correctly function as an ILoveLamp store, if you'd like to build it from the ground up, here's what to do:

1. Create a collection with the slug top_picks
2. Create at least one category
3. Create at least one product
4. Create at least one file i.e. an image for your product
5. Attach the product/s to the category and collection
6. Attach the file to the product as a main image