https://github.com/khriztianmoreno/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
https://github.com/khriztianmoreno/ecommerce-react-native
mobx mobx-react nativebase react-native
Last synced: 7 months ago
JSON representation
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
- Host: GitHub
- URL: https://github.com/khriztianmoreno/ecommerce-react-native
- Owner: khriztianmoreno
- License: mit
- Created: 2017-11-17T14:33:25.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-23T22:25:52.000Z (about 3 years ago)
- Last Synced: 2025-04-01T04:32:45.526Z (11 months ago)
- Topics: mobx, mobx-react, nativebase, react-native
- Language: JavaScript
- Size: 40.5 MB
- Stars: 95
- Watchers: 11
- Forks: 54
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```shell
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.
```js
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.
```js
import styles from './styles';
class NewComponent extends Component {
...
}
```
Happy coding!