|Starter Type||FRONT END Read More|
|Technology||React Native with Redux|
|Tested on||Android O / P
iOS 12 / iPhone X
|Product Contents||Source code Zip File, license certificate|
This React Native Redux Grocery Shopping App is made from expert UI developers to provide a great app UI for your own Grocery app . As a result, you can start your own Grocery or shopping app with these functionalities. This is a great starting point for app development, as all pages and components are set. Hence, all you need here is to integrate your back-end api and feed in the data. This app has many features common with popular apps like Grofers, Bigbasket etc. Similarly, you can choose a similar Grocery Shopping Full App , Grocery e-commerce app from our store. You can also make use of our awesome React Native apps layouts for Spotify styled and Netflix styled React Native apps.
This React-Native Grocery Shopping app contains
– Redux api calls
– Login/Sign up
– OTP page
– Shop By Categories
– Home page with tab configuration for multiple shopping categories. Swipe-enabled section ensures better UX
– Home page see all available product in particular Categories.
– Product Page
– Rate us
– Review component
– Favorite Product Functionality
– Payment page
– Add Address page
– Add Credit/Debit Card
– Delivery Day and Time
– Order History Page
– Search page for easy searching of products
– Product detail page with
– Standard code with iOS and Android tested
– Expo compatible
Why React Native
You build a real mobile app that’s indistinguishable from an app built using Objective-C or Java. React Native apps are faster than other hybrid apps, and cost half as much as native since React Native uses a common source code for iOS and Android.
Redux is a library for application state management. It’s generally used with React, Angular, etc. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. In redux, we have a store, actions, and reducers. Here, the data flow is uni-directional and we can have a decoupled design where data management is separated from the UI.
Actions can be sent when a user presses a button, load an app, etc. They can contain information that you want to add to the state.
Reducers listen for actions. When it hears that an action has been sent to it, it updates the state.
The Store holds the Redux state and allows access and modifications to it. It’s the middleman between actions and reducers.
(Refer README.md in the zip)
- Have expo installed globally in your system
- Run yarn or npm i to install all modules
- Run npm start