eramudeep / react-native-ecommerce

React native starter kit for an e-commerce application developed by Amusoftech.

React-Native-Ecommerce

A boilerplate for a ecommerce mobile app using React Native and Redux. IOs and Android

Features🔥

• Login
• Signup
• Social Login
• Recover Account
• Cart (List)
• Add To Cart
• Remove Cart
• Category
• Best Selling
• Payment Processor (RazorPay)
• Profile
• Filters
• Product Review (Listing)
• Write Product Review
• Multiple Shipping address
• Order History
• Wish List (With Redux)
• Google Ads (Replace your app id in : AndroidManifest.xml and info.plist)
• Search (Coming soon)

YouTube

• Subscribe Subscribe for more

Instagram

• Follow Follow on IG

Web

• Amusoftech Visit us

Buy me a coffee

❤️ Support us

• Donate (Eth) : 021A827e911350a7133ac494F3D7D2281e0B75F9

Screens Recording

Requirements

• Node 6.x or newer
• React Native for development
• Xcode for iOS 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
• Redux 4.0.5 a predictable state container for Javascript apps
• Redux-persist 6.0.0 Persist and rehydrate a redux store. Javascript apps
• Alert 4.3.0 An alert to notify users
• 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

• @react-native-community/masked-view 0.1.10
• @react-navigation/native 5.7.3
• @react-navigation/stack 5.9.0
• Bottom-Tabs 5.11.11
• react-native-gesture-handler 1.7.0
• react-native-reanimated 1.13.0
• react-native-safe-area-context 3.1.7
• react-native-screens 2.10.1
• react-redux 7.2.1
• redux 4.0.5
• redux-saga 1.1.3
• Alert 4.3.0
• Redux-persist 6.0.0
• Touch-ripple 0.0.0

Get Started

1. Installation

On the command prompt run the following commands

$ git clone https://github.com/eramudeep/react-native-ecommerce.git

$ cd react-native-redux-starter/

$ npm install

2. Simulate for iOS

$ cd ios && pod install

Method One

• Open the project in Xcode from ios/react_native_redux_starter.xcodeproj.

• Hit the play button.

Method Two

• Run the following command in your terminal.

$ react-native run-ios

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

4. How to Decide the Navigation

• Navigation is decided By navigationTypeTabs Key definend in app.json.
• navigationTypeTabs : true, will give you the bottom Tabs and vice versa.

Debugger

• React Native Debugger : The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools
• redux-devtools-extension 2.13.5

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 "Travel App"

With custom Bundle Identifier

react-native-rename "Travel App" -b com.junedomingo.travelapp

react-native-ecommerce's Issues

Can't show anything

I cloned the source and build it success, but nothing showing. I guessed that the import { createStore, applyMiddleware } from "redux" is deprecated. Could you help to run it again ?

Lots of compile issues when trying to run the build on IOS

error to run react-native run-android

A problem occurred configuring root project 'Amusoftech'.

Could not resolve all artifacts for configuration ':classpath'.
Could not find com.android.tools.build:gradle:3.5.4.
Searched in the following locations:
- https://dl.google.com/dl/android/maven2/com/android/tools/build/gradle/3.5.4/gradle-3.5.4.pom
- https://repo.maven.apache.org/maven2/com/android/tools/build/gradle/3.5.4/gradle-3.5.4.pom
Required by:
project :
Could not find com.google.gms:google-services:4.3.10.
Searched in the following locations:
- https://dl.google.com/dl/android/maven2/com/google/gms/google-services/4.3.10/google-services-4.3.10.pom
- https://repo.maven.apache.org/maven2/com/google/gms/google-services/4.3.10/google-services-4.3.10.pom
Required by:
project :

Possible solution:

• Declare repository providing the artifact, see the documentation at https://docs.gradle.org/current/userguide/declaring_repositories.html

Unable to npm install

Unable to npm install, throws error

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @react-native-firebase/[email protected]
npm ERR! Found: @react-native-firebase/[email protected]
npm ERR! node_modules/@react-native-firebase/app
npm ERR!   @react-native-firebase/app@"^12.7.4" from the root project
npm ERR!   peer @react-native-firebase/app@"12.7.4" from @react-native-firebase/[email protected]
npm ERR!   node_modules/@react-native-firebase/auth
npm ERR!     @react-native-firebase/auth@"^12.7.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @react-native-firebase/app@"12.9.3" from @react-native-firebase/[email protected]
npm ERR! node_modules/@react-native-firebase/firestore
npm ERR!   @react-native-firebase/firestore@"^12.9.3" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @react-native-firebase/[email protected]
npm ERR! node_modules/@react-native-firebase/app
npm ERR!   peer @react-native-firebase/app@"12.9.3" from @react-native-firebase/[email protected]
npm ERR!   node_modules/@react-native-firebase/firestore
npm ERR!     @react-native-firebase/firestore@"^12.9.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! /Users/vigneshwaran.veeran/.npm/_logs/2024-04-11T20_26_35_979Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /Users/vigneshwaran.veeran/.npm/_logs/2024-04-11T20_26_35_979Z-debug-0.log

React clone

react-native-admob-native-ads:javaPreCompileDebug FAILED

Task :react-native-admob-native-ads:javaPreCompileDebug FAILED
ReactNativeFirebase WARNING: NPM package '@react-native-firebase/firestore' depends on '@react-native-firebase/app' v12.9.3 but found v12.7.4, this might cause build issues or runtime crashes.

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See https://docs.gradle.org/6.2/userguide/command_line_interface.html#sec:command_line_warnings
10 actionable tasks: 10 executed

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':react-native-admob-native-ads:javaPreCompileDebug'.

Could not resolve all files for configuration ':react-native-admob-native-ads:debugCompileClasspath'.
Failed to transform react-native-0.71.0-rc.0-debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-classes, com.android.build.api.attributes.BuildTypeAttr=debug,
org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-api}.
> Execution failed for JetifyTransform: C:\Users\RE2QA.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar.
> Java heap space

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

• Get more help at https://help.gradle.org

BUILD FAILED in 27s

error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details.
Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081