sanjeevyadavit / magento_react_native Goto Github PK
View Code? Open in Web Editor NEW๐ MageCart: E-commerce app for Magento 2.x written in React Native
License: GNU General Public License v3.0
๐ MageCart: E-commerce app for Magento 2.x written in React Native
License: GNU General Public License v3.0
Is your feature request related to a problem? Please describe.
Bundle Product: A bundle product let customers โbuild their ownโ from an assortment of options. The bundle could be a gift basket, computer, or anything else that can be customized. Each item in the bundle is a separate, standalone product.
If the product type is bundle show all the products within the bundle in ProductScreen
and add functionality to add that bundle product in CART
Describe the solution you'd like
Render all products within the bundle products and implement functionality to add that bundle product and place it in cart and entire checkout process.
Additional context
Read more about type of product here
Read more about Magento 2 Rest API
Describe the bug
There should be a logic which will check if network connection is available or not.
Expected behavior
Check the status of network connection, and if internet connection is available, make API call else, show message, no connection.
Current Behavior
No check, simple throw error
Smartphone (please complete the following information):
Additional context
use netinfo package
Is your feature request related to a problem? Please describe.
After the reviews has been shown on ProductScreen
show a button that will take to a new page AddReviewScreen
that will helped logged in user to add reviews about the product.
Describe the solution you'd like
If the user is logged in, show a button in ProductScreen
that will take you to AddReviewScreen
that will help enter reviews about the product.
Additional context
Describe the bug
App crash while selecting size on a configurable
product which is out of stock.
reason: quantity
value from server is not handled correctly in code
Expected behavior
configurable
product, particular option which is out of stock should be disabled from selectionsimple
product, add to cart button should be disabled and message should be displayed out of stock
on the screen.Is your feature request related to a problem? Please describe.
Implement functionality to support Downloadable type product, if purchased user will be able to download it within the app.
Downloadable Product: A digitally downloadable product that consists of one or more files that are downloaded. The files can reside on your server or be provided as URLs to any other server.
Describe the solution you'd like
Provide an option in OrderDetailScreen
to allow product to be downloaded within the app.
Additional context
Read more about type of product here
Describe the bug
App isn't working on release build.
Expected behavior
App should have run in same way as run in debug build
Current Behavior
Throws an error in MessageView
component
Steps to Reproduce
Please provide detailed steps for reproducing the issue.
app/build.gradle
to read release.keystroke filereact-native run-android --variant=release
Smartphone (please complete the following information):
Other Context
enabling debuggable true
on release, makes app run normally but it is using npm start
server to load bundle.js then
Is your feature request related to a problem? Please describe.
In CategoryListScreen
a filter option need to be shown, which will help filtered the product in CategoryListScreen
. See the below Image where Shopping Options are shown which contains applicable filter for category Men>Jacket
Describe the solution you'd like
CategoryListScreen
to apply filtersAdditional context
Read Magento 2 API
see issue #14
Is your feature request related to a problem? Please describe.
Allow app to change currency, which will update the currency symbol and currency rate.
Describe the solution you'd like
Additional context
magento 2 Admin setting to add currency - video
Is your feature request related to a problem? Please describe.
In Search Screen
a filter option need to be shown, which will help filtered the product in 'SearchScreen`. See the below Image where Shopping Options are shown which contains applicable filter for the search term Jacket in search
Describe the solution you'd like
SearchScreen
to apply filtersAdditional context
Read Magento 2 API
see issue #7
Describe the bug
The DrawerScreen
, should show a DrawerHeader
component at top, which serves as an entry point to Login or view user account. The component is not shown.
Expected behavior
There should be DrawerHeader
component in drawer.
Current Behavior
No DrawerHeader
component shown
Steps to Reproduce
Please provide detailed steps for reproducing the issue.
DrawerHeader
Smartphone (please complete the following information):
Additional context
See Android build for reference.
When I try to run using react-native run-android opening the application in my mobile. but showing the error in Home Page.
JSON Parse error: Unexpected Identifier "New"
Can anyone help?
hi,
I am using magento 2.2.8, and react native 0.58.6 on windows 8, installed sdk 28. i run the command react-native run android and the app is installed on the device but it shows this error: "Property description must be an object"
check the image to see the error in the app:
Is your feature request related to a problem? Please describe.
Current implementation of ProductScreen
, store its state into redux store, which only allows only one product to view, for second Product to view, previous screen need to be closed and launched again. This means you can't open second Product detail screen over another. This will also effect deep-linking
Describe the solution you'd like
current
state from ProductReducer
to local state.configurable
product also in local state.ProductReducer
which could be reused for multiple productsHi,
My website belongs to kuwait . And i am using Kuwati Dinnar in currency . Now as i can for USD its working fine . But when i changed currency KWD. It is giving error . When i tried to installed it . That time it was also showing currency symbol warning .
Is your feature request related to a problem? Please describe.
Currently the app uses admin login credentials to get admin access token for API authorization. Every time app is started a new token is requested, if we create integration token, we don't need to hit API every time to get access token
Describe the solution you'd like
/V1/integration/admin/token
APImagento.js
file, which will be used in place of admin access tokenAdditional context
consult Magento 2 API doc
Describe the bug
sans-serif
font family is not available in iOS, so app will crash.
Current Behavior
App will crash in iOS device
Steps to Reproduce
Please provide detailed steps for reproducing the issue.
import colors from './colors';
const fontFamily = 'sans-serif';
import { Platform } from 'react-native';
import colors from './colors';
const fontFamily = Platform.select({ android: 'sans-serif', ios: 'Helvetica' });
Additional context
Add any other context about the problem here.
Is your feature request related to a problem? Please describe.
Currently the /V1/store/storeConfigs
api gives default currency but not currency symbol. Also currently currency symbol is manually written instead of fetching from API. Currency API need to be fetch and currency symbol need to be shown where prices are being displayed.
Describe the solution you'd like
GET /V1/directory/currency
Additional context
Refer Magento 2 documentation
Is your feature request related to a problem? Please describe.
Show product reviews on ProductScreen
, including average rating, user reviews etc.
Describe the solution you'd like
Fetch product reviews for a particular product and display it in ProductScreen
. If reviews are greater than 3, show maximum of 3 reviews on ProductScreen
and show a button to "see all" which will take to new page, where all reviews will be shown.
Additional context
Configurable option UI not rendering properly
Drop down menu where we choose size and color of the configurable
product and on address page where we select country & region are not rendering properly in iOS.
Expected behavior
Drop down should remain hidden, and should only open when clicked.
Current Behavior
Drop-down is open by default in iOS, which makes it hard to use, and if two of those are present side by side, their UI is overlapping with each other, making it hard to select.
Steps to Reproduce
configurable
item like(t-shirt).Screenshots
Smartphone (please complete the following information):
Is your feature request related to a problem? Please describe.
Currently strings are either hard-coded or reference from strings.js
, which is not good for support of localization.
Describe the solution you'd like
i18n-js
& react-native-localize
package in Appi18n
folderAdditional context
Look for best way to support i18n
in react/react-native
Are there certain things to report that are not a bug or feature?
Use All-contributors to show list of contributors in the project
Is your feature request related to a problem? Please describe.
Add a new page ForgotPasswordScreen
that will help user to send a password reset link on his email id.
Describe the solution you'd like
In SignInScreen
render an option Forgot password? that will take to ForgotPasswordScreen
which will ask user email id, which will send a password reset link, in case user has forgot his password.
Additional context
POST /V1/customers/resetPassword
Describe the bug
The DrawerPage
component is rendering multiple times, even when state is not changing. This in turns forces child component DrawerHeader
and CategoryTree
component to render multiple times, which is not good for performance
Expected behavior
The DrawerPage
should have rendered only 3 times, i.e.,
DEFAULT
to LOADING
LOADING
to SUCCESS/FAILURE
Current Behavior
The DrawerPage
is rendering multiple times, without any state change. check the log message ALERT: Inside Navigation Drawer render function
Steps to Reproduce
Please provide detailed steps for reproducing the issue.
DrawerPage
wiill render multiple times.Smartphone (please complete the following information):
Additional context
Help needed!
Is your feature request related to a problem? Please describe.
Currently every other page used functional component and to access state it uses react-redux
hook, extract ProductDetailPage
into functional component.
Describe the solution you'd like
react-redux
hook to access stateAdditional context
Make ProductDetailPage
modular, so that it can support wide variety of products like, simple, configurable, downloadable etc.
Is your feature request related to a problem? Please describe.
Need to find Magento 2 API which will help to add product into wishlist and API that will help to fetch all products which has been wish-listed for a current logged in user.
Describe the solution you'd like
Read Magento 2 API doc and find 2 API
Additional context
This is not code realted feature, you need to read magento document in order to find out functionality.
Is your feature request related to a problem? Please describe.
Show options to sort products in ascending and descending order based on price and name on CategoryListScreen
.
Describe the solution you'd like
Display an option sort on CategoryListScreen
, which on click show a dialog with 4 option.
On selecting any option, make new request that will get products for that particular category in that order.
Additional context
You can see implementation in troublediehard/magento-react-native
See Issue #13 , similar functionality
Describe the bugs
Currently the entire checkout process is made in a haste, and this has introduced lot of errors
Payment Screen
Describe the bug
In CategoryListScreen
, the items in the list should appear in 2 column layout, filling the entire width, but two columns are having fixed size.
Expected behavior
CatalogGridItem
should appear in 2 -column layout when used in CategoryListScreen
, and should have fixed width when used in HomeScreen
Horizontal list
Current Behavior
CatalogGridItem
is not talking 50% of the screen width in CategoryListScreen
Steps to Reproduce
Please provide detailed steps for reproducing the issue.
Smartphone (please complete the following information):
Additional context
CatalogGridItem
used in CategoryListScreen
two places, when CategoryListScreen
where it is shown in vertical list, and in HomeScreen
where it is render as a horizontal list
Is your feature request related to a problem? Please describe.
Update Wiki to reflect proper setup of Integration token instead of creating new user for API access.
Describe the solution you'd like
Additional context
First solve #26
Magento 2 Doc
For reference: troublediehard/magento-react-native wiki
Is your feature request related to a problem? Please describe.
Currently the product detail description is not rendered properly and also other product relevant information can be shown, which is coming from product detail API.
Describe the solution you'd like
To render product description nicely and find other product related details that can be shown in ProductDetailPage
Additional context
Currently the product description is looking this way:
Is your feature request related to a problem? Please describe.
React native >= 0.60 has some major changes like
Describe the solution you'd like
Follow these steps to upgrade react native
Run the upgrade
command
react-native upgrade
Some files will not get upgraded, those files need to be changes manually
Open React Native upgrade helper and choose 0.59.2 in left column and latest react native version in right column
Files which were not changes automatically in Step 1, modified them manually using step 2
Unlink previously linked modules
Run and test App
Additional context
Official React Native upgrade guide
To upgrade ios/magento_react_native.xcodeproj/project.pbxproj
file follow this guide
TODO
0.59.5
to ^0.61.2
Is your feature request related to a problem? Please describe.
OrderDetailScreen
& OrdersScreen
should use currency symbol that you get using order_currency_code
which is being fetched using API. Not the current default selected in App (id App supports multiple currency)
Describe the solution you'd like
Make sure that currency symbol shown and the price is the same which were used at the time of placing the order.
Additional context
This will be make more sense after #58 is implemented
Is your feature request related to a problem? Please describe.
After user is logged in, there is no Screen to add or link address to user profile. Create a new screen where user can save address and when user will checkout an order, if user has saved an address, it will get prefilled.
Describe the solution you'd like
TextInput
componentAddressScreen
to CheckoutAddressScreen
CheckoutAddressScreen
AddAddressScreen
, where user can save addressCheckoutAddressScreen
Additional context
see https://github.com/troublediehard/magento-react-native
Is your feature request related to a problem? Please describe.
Fix all these UI changes to improve UX
selectedKey
prop to all <ModalSelect /> component and remove setState logic from
onChange` functionWebView
with react-native-render-html
library to render product descriptiontype_id === 'configurable'
logic to check it has options, everywhere in product detail pageconfigurable
type product to disable certain options which are not availableExample: suppose in size
s
colorred
is not available, so when user select sizes
,red
option should be disabled.
add-to-cart
buttonconfigurable
type productconfigurable
type product get added to cart. docsTextInput
that comes after the current one being edited (use ref)TextInput
TextInput
that comes after the current one being edited (use ref)TextInput
TextInput
that comes after the current one being edited (use ref)items
props in CartIs your feature request related to a problem? Please describe.
Implement BrainTree payment method in the app, so user can pay using cards.
Describe the solution you'd like
Additional context
Is your feature request related to a problem? Please describe.
Currently in ProductDetailPage
if the product is simple, it's price is shown, but if it is configurable then price is not shown, function need to written so that when user select configurable options from the picker, appropriate price is shown.
Describe the solution you'd like
Check troublediehard/magento-react-native implementation in product screen and copy it.
Additional context
Major feature, must be implemented.
Is your feature request related to a problem? Please describe.
Show options to sort products in ascending and descending order based on price and name on SearchPage
.
Describe the solution you'd like
Display an option sort on SearchScreen
, which on click show a dialog with 4 option.
On selecting any option, make new request that will get products for that particular search term in that order
Additional context
You can see implementation in troublediehard/magento-react-native
See Issue #8 , similar functionality
Is your feature request related to a problem? Please describe.
react navigation suggests to use react-native-screens
package for performance optimization.
Describe the solution you'd like
Implement the steps mentioned in docs
Describe the bug
Can bigger product name adjusted in one line and more text can be hidden so that it doesn't effect the product image to displaced and text will be within the product name box.
Expected behavior
If name of the product is bigger and cannot be encompassed into two lines than truncate the product name and show ellipses ...
on the second line
Current Behavior
The entire product name is being displayed, no matter how long it is, this is forcing the price to push down the boundary of ProductListItem
.
Steps to Reproduce
Please provide detailed steps for reproducing the issue.
HomePage
featured list categorySmartphone (please complete the following information):
Additional context
See the troublediehard/magento-react-native implementation
Is your feature request related to a problem? Please describe.
Convert SearchScreen
into functional component.
Extract component into smaller components and reuse sort and filter component that are present in CategoryListScreen
Describe the solution you'd like
OnPress
not working when click on productSearchScreen
from class level component into functional componentCategoryListScreen
Additional context
First complete issue #16 then complete this one.
Is your feature request related to a problem? Please describe.
Entire CategoryTree component need to be re-written from scratch supporting multiple depth(category can have sub category and so on). Current implementation is in complete and isn't optimized.
Describe the solution you'd like
Instead of creating hierarchy of nested list, show top most category and on click if there is a sub category, replace the entire list with sub category and show back button, this way, multiple level can be supported.
Additional context
Look at myntra app implementation
The app crash at the time of checkout, when I selected only one country in the Magento 2 backend
I Selected Country Fiji at the Magento 2 backend and at the time of checkout it gives an Error like :
getCountryData() is not an Object.(evaluating 'available_reagion' in getCountryData())
I Tested both on Emulator and Real Device, It gives and the same error
Is your feature request related to a problem? Please describe.
Currently placeholder image is shown for products purchased for a particular order. Replace placeholder image with real product image.
Describe the solution you'd like
Fetch details of all the products in that particular order which contain media images, show that in OrderDetailScreen
Additional context
See Magento 2 Rest API
See troublediehard/magento-react-native for it's implementation
Describe the bug
Sometimes(reason not known) cart is not displaying prices nor the total prices after adding all the item prices.
Expected behavior
Prices should be shown of all the items in the cart and a grand total need to be shown.
Current Behavior
Sometimes 0 price is shown instead of actual price.
Steps to Reproduce
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
Is your feature request related to a problem? Please describe.
Show option to enter coupon or gitft coupon in CartScreen
to apply discount before going to shipping method page.
Describe the solution you'd like
Show an input box to apply coupon/gift coupon in CartScreen
(can be PaymentScreen
need to decide) to apply discount. Once the coupon is entered make an api request to fetch amount of discount applicable and then proceed to the checkout process.
Additional context
Read Magento 2 REST API
Is your feature request related to a problem? Please describe.
Currently add to cart button is down the page and you have to scroll in order to place the item in cart.
Describe the solution you'd like
ProductDetailPage
configurable
and user click on add to cart button without selecting the options, scroll the view to the options.Additional context
See the UI in Myntra app
After making the release Build when I opened the app the response and animation of the app is too slow ..
When I tried the app after removing the sample data from my Magento, then also app is too slow..
Any idea about that ??
Are there certain things to report that are not a bug or feature?
Github provides a social preview in setting panel, which will be displayed when user share the repo url.
Is your feature request related to a problem? Please describe.
Need to update README file, to better reflect the project, and add a Contributing and CodeOfConduct file for people to help making contributing easy.
Describe the solution you'd like
Additional context
Read opensource.guide
Read react-native starter-kit Readme file
...add more Readme file link, if found
Are there certain things to report that are not a bug or feature?
The app hasn't been tested on iOS device, need to build and properly test on iOS device.
ios/magento_react_native.xcodeproj/project.pbxproj
file follow this guideA declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.