All Projects → moltin → React Demo Store

moltin / React Demo Store

Licence: mit
Moltin + React powered online store

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Demo Store

react-movies-finder
React Movies finder is a React app to search movies and series using redux, redux-thunk, React Hooks, and Material UI
Stars: ✭ 27 (-86.36%)
Mutual labels:  react-redux, redux-thunk
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+360.1%)
Mutual labels:  redux-thunk, react-redux
Starcabinet
🎉 开源的跨平台Github Stars管理分析工具
Stars: ✭ 399 (+101.52%)
Mutual labels:  redux-thunk, react-redux
OneArtical
learning and practice redux,react-redux,redux-saga,redux-persist,redux-thunk and so on
Stars: ✭ 61 (-69.19%)
Mutual labels:  react-redux, redux-thunk
Apple Basket Redux
🍎 苹果篮子,一个微型的redux/mobx演示(附多版本)
Stars: ✭ 125 (-36.87%)
Mutual labels:  redux-thunk, react-redux
ant-design-snippets
ant-design-snippets
Stars: ✭ 18 (-90.91%)
Mutual labels:  react-redux, redux-thunk
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (+346.97%)
Mutual labels:  redux-thunk, react-redux
cra-redux-boilerplate
⚛️🔨create-react-app application with redux and another cool libraries to make your life easier.
Stars: ✭ 15 (-92.42%)
Mutual labels:  react-redux, redux-thunk
React Cloud Music
React 16.8打造精美音乐WebApp
Stars: ✭ 1,722 (+769.7%)
Mutual labels:  redux-thunk, react-redux
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-70.71%)
Mutual labels:  redux-thunk, react-redux
trivin
⚡️Setup your entire project quickly and easily with 1-line command ⚡️
Stars: ✭ 58 (-70.71%)
Mutual labels:  react-redux, redux-thunk
React Admin
基于[email protected]的react动态权限后台管理系统模板
Stars: ✭ 151 (-23.74%)
Mutual labels:  redux-thunk, react-redux
react-native-boilerplate
React Native Boilerplate - React Native Starter Kits : react-navigation and its dependencies, redux, redux persist and redux thunk, redux toolkit, react native vector icons, react-native async storage
Stars: ✭ 68 (-65.66%)
Mutual labels:  react-redux, redux-thunk
redux-login
React & Redux 实现注册登录认证系统 - 视频源码
Stars: ✭ 26 (-86.87%)
Mutual labels:  react-redux, redux-thunk
react-native-shopping-app
A shopping app using React Navigation, Redux, Redux-Thunk and Firebase.
Stars: ✭ 67 (-66.16%)
Mutual labels:  react-redux, redux-thunk
React Social Network
Simple React Social Network
Stars: ✭ 409 (+106.57%)
Mutual labels:  redux-thunk, react-redux
crypto-markets
react-native-cryptocurrency-ticker
Stars: ✭ 27 (-86.36%)
Mutual labels:  react-redux, redux-thunk
cerebro-web
Website for Cerebro
Stars: ✭ 21 (-89.39%)
Mutual labels:  react-redux, redux-thunk
React Antd Admin Template
一个基于React+Antd的后台管理模版,在线预览https://nlrx-wjc.github.io/react-antd-admin-template/
Stars: ✭ 1,022 (+416.16%)
Mutual labels:  redux-thunk, react-redux
React Admin
基于antd、redux-observable、redux-thunk、react-router响应式SPA脚手架,后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 141 (-28.79%)
Mutual labels:  redux-thunk, react-redux

Moltin React Demo Store

Moltin — React Demo Store

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

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

Deploy

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].