Giter Site home page Giter Site logo

khriztianmoreno / ecommerce-react-native Goto Github PK

View Code? Open in Web Editor NEW
94.0 12.0 54.0 41.43 MB

The ideal starter kit / app script with all the needed UI elements alongwith MobX and NativeBase to build your iOS and Android e-commerce app like Mona / JackThreads / Canopy / Flipp

License: MIT License

JavaScript 100.00%
react-native nativebase mobx mobx-react

ecommerce-react-native's Introduction

Ecommerce React Native

The ideal starter kit / app script with all the needed UI elements alongwith MobX and NativeBase to build your iOS and Android e-commerce app like Mona / JackThreads / Canopy / Flipp

Installation

System Requirements:

  • Globally installed node>= 6

  • Globally installed npm>= 3

  • Install packages for Full Version

cd App
npm install
or
yarn
  • To simulate for iOS

    • Method One:
      • Run npm start in your terminal.
      • Scan the QR code in your Expo App.
    • Method Two:
      • Type npm run ios in your terminal.
  • To simulate for Android

    • Method One:
      • Run npm start in your terminal.
      • Scan the QR code in your Expo App.
    • Method Two:
      • Make sure you have an Android emulator installed and running.
      • Type npm run android in your terminal.

Start Building Your App

This App guides you throughout building your app, providing the steps and procedure to customize.

How to add new component

  • Create a new folder, say newComponent and place it under /js/src .
  • Create a new file index.js , within this folder.
  • Name the class same as that of folder name.
class NewComponent extends Component {
    ...
}

How to add new styleSheet

  • Create a new file styles.js , place it under /js/src/newComponent.
  • import newly created StyleSheet into the Component.
import styles from './styles';
class NewComponent extends Component {
    ...
}

Happy coding!

ecommerce-react-native's People

Contributors

dependabot[bot] avatar khriztianmoreno avatar renovate-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ecommerce-react-native's Issues

error: unknown option `--projectRoots'

The expo app i had was requiring at least SDK version 33. I upgraded the app using expo upgrade and followed the instructions.
After upgrading when i wanted to start the app by typing npm start. The following error was shown.

error: unknown option --projectRoots

with the following messages

Warning: Problem validating app.json: Unable to perform cache refresh for /home/ayz/.cache/expo/schema-undefined.json: Error: API Response Error: undefined is an invalid SDK version.

Warning: Invalid sdkVersion. Valid options are 7.0.0, 8.0.0, 9.0.0, 10.0.0, 11.0.0, 12.0.0, 13.0.0, 14.0.0, 15.0.0, 16.0.0, 17.0.0, 18.0.0, 19.0.0, 20.0.0, 21.0.0, 22.0.0, 23.0.0, 24.0.0, 25.0.0, 26.0.0, 27.0.0, 28.0.0, 29.0.0, 30.0.0, 31.0.0, 32.0.0, 33.0.0, 34.0.0, 35.0.0, 36.0.0, 37.0.0, 38.0.0, 39.0.0


Starting React Native packager...

My expo
expo --version
3.28.0

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.