Spree On React Native is An Open-source Cross-platform Mobile App

Spree Shop - React Native

Spree On React Native is an open-source cross-platform mobile app, providing a modern front end built upon React Native that is more snappier than ever before in the e-commerce space, Its backed by spree storefront V2 API, for more info Spree.

Tech

Spree Shop uses a number of open source projects:

React Native - A Mobile Application framework that let’s create native apps for Android and iOS using React
Spree - A complete open source e-commerce solution built with Ruby on Rails
React Navigation - Routing and navigation for React Native apps
Expo - Platform for making universal native apps that run on Android, iOS, and the web
Redux - Predictable State Container managing application state
Storefront API v2 - Storefront API v2 is a modern REST API based on the JSON API spec
Jsona - Data Formatter that deserializes the serailzed Storefront API v2 JSON API responses
React Native Elements - React Native Component Library

Features

Products Search Feature.
Products List
- Infinite Scroll Feature
- Listing based on categories
- Sorting High to Low & vice versa
- Filter based on Size & Price Range
Product
- Selection based on Size & Color
- Save for Later feature
- Add to Bag feature
Bag
- Remove Product
- Increment/ Decrement Product Quantity
- Checkout

Screenshots

Android

Development

Here we are expecting you already have spree setup on your system.

# Server Setup
rails s

rails s -b 0.0.0.0 (Enables server to accept requests from any network interface while enables no special network configuration for emulators)

# Remote/ Local Host Setup
Setup Remote/ Local Host in `env.js`

# Dependencies
sudo yarn install

# Run iOS
sudo yarn ios

# Run Android
sudo yarn android

Contributing

We are open to, and grateful for, any contributions made by the community.

Download Details:

Author: bluebash-spree-contrib

Source Code: https://github.com/bluebash-spree-contrib/spree-react-native

#react-native #react #mobile-apps