/spree-react-native

Spree-React-Native

Primary LanguageJavaScriptMIT LicenseMIT

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.

Screen Recording Spree Shop React Native

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.

License

MIT

Powered by Bluebash