React-Native-Ecommerce

A template for a ecommerce mobile app using React Native.

Features

Splash Screen
Onboarding Screens
Login
Signup
Cart
Add To Cart
Remove Cart
Category
Best Selling
Profile
Search
Order History
Wish List

Screens Recording

Requirements

Node 6.x or newer
React Native for development
Android Studio for Android development
Android SDK 23.0.1 or newer for Android development
Android Marshmallow or newer on your Android device to test properly

See Getting Started to install requirement tools.

Stack

React JS is a JavaScript library
React Native 0.63.2 for building native apps using react
Babel 7.2.3 for ES6+ support
Bottom-Tabs 5.11.11 for Bottom Navigations
Navigation for React Native a router based on new React Native Navigation API

Libraries

@chakrahq/react-native-side-menu 1.3.4
@fortawesome/fontawesome-svg-core 6.2.1
@fortawesome/free-regular-svg-icons 6.2.1
@fortawesome/free-solid-svg-icons 6.2.1
@fortawesome/react-native-fontawesome 0.3.0
@react-navigation/bottom-tabs 6.5.1
@react-navigation/native 6.1.0
@react-navigation/stack 6.3.8
mobx 6.7.0
mobx-react 7.6.0
react-native-gesture-handler 2.8.0
react-native-onboarding-swiper 1.2.0
react-native-reanimated 2.13.0
react-native-safe-area-context 4.4.1
react-native-screens 3.18.2
react-native-snap-carousel-v4 1.0.1
react-native-splash-screen 3.3.0
react-native-svg 13.6.0

Get Started

1. Installation

On the command prompt run the following commands

$ git clone https://github.com/musabbihanoor/E-commerce-mobile-app.git

$ cd E-commerce-mobile-app/

$ npm install

3. Simulate for Android

Make sure you have an Android emulator installed and running.
Run the following command in your terminal.

$ react-native run-android

Rename Project

Rename react-native app with just one command

This package assumes that you created your react-native project using react-native init.

Installation

yarn global add react-native-rename
or
npm install react-native-rename -g

Switch to new branch first

better to have back-up

git checkout -b rename-app

Usage

react-native-rename <newName>

With custom Bundle Identifier (Android)

react-native-rename <newName> -b <bundleIdentifier>

Example

react-native-rename "Shopping App"

With custom Bundle Identifier

react-native-rename "Shopping App" -b com.junedomingo.shoppingapp

WARN Found screens with the same name nested inside one another. Check:

When I go to the profile screen or home screen after clicking the tab bar at the upper left, I can't open it anymore

` Found screens with the same name nested inside one another. Check:

Main > Profile, Main > Profile > Profile

This can cause confusing behavior during navigation. Consider using unique names for each screen instead.
    at BaseNavigationContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:180352:28)
    at ThemeProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:185253:21)
    at NavigationContainerInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:185146:26)
    at RCTView
    at View
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:78868:38)
    at AnimatedComponentWrapper
    at RCTView
    at View
    at SideMenu (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:177136:22)
    at observerComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:169560:78)
    at App (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:93600:26)
    at RCTView
    at View
    at RCTView
    at View
    at AppContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:85299:36)
    at guzel(RootComponent) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.guzel&modulesOnly=false&runModule=true:89906:28)`

musabbihanoor / e-commerce-mobile-app Goto Github PK

e-commerce-mobile-app's Introduction

React-Native-Ecommerce

Features

Screens Recording

Requirements

Stack

Libraries

Get Started

1. Installation

3. Simulate for Android

Rename Project

Installation

Usage

Example

e-commerce-mobile-app's People

Contributors

Stargazers

Watchers

Forkers

e-commerce-mobile-app's Issues

Recommend Projects

Recommend Topics

Recommend Org