ninjas-code-official/shopping-cart-ecommerce

A full-fledged package to build an e-commerce application for iOS and Android similar to Myntra/JackThreads. Available with beautiful design and necessary features along with screen for Dashboard and Mobile app. Build using React Native, Expo, React, GraphQL, Apollo Client, Node and MongoDB.

Ecommero Mobile

Introducing Ecommero, the comprehensive e-commerce solution that caters to iOS, Android, and Web platforms. With a modern design and full-fledged features, Ecommero provides an easy-to-implement app solution for any e-commerce company.

Built with React Native and Expo for mobile, and React for the dashboard panel, Ecommero provides seamless integration with any e-commerce platform. State management and querying endpoints are made simple with Apollo Client, while the API is built with Node and Mongodb.

Ecommero provides all the necessary features to optimize your e-commerce business. Push notifications for both mobile and web platforms keep your customers engaged and informed, while the analytics dashboard for mobile app allows you to track customer behavior and optimize your app accordingly. Payment integration with PayPal, credit and debit cards ensures a seamless and secure transaction process, while the order tracking feature provides customers with real-time information on their order status, enhancing their shopping experience.

Email integration ensures that customers receive order confirmation and shipping updates, while rating and review features provide valuable feedback to improve your business. GPS integration makes it easy for customers to find their address, while Facebook and Google authentication provide a seamless login experience.

The mobile-responsive dashboard simplifies e-commerce management, while the multiple product variation items feature enables you to display and sell different versions of the same product.

Overall, Ecommero is a complete and customizable solution for any e-commerce business. With its robust features, modern design, and seamless integration, Ecommero is the ideal app for optimizing your e-commerce platform.

• Supported iOS versions: 11+
• Supported Android versions: 6.0+

This is the full free source code of our solution, however the backend and API is proprietary and can be obtained via paid license.

What is included:

Ecommero offers a comprehensive e-commerce solution with two distinct modules: the admin panel and the Ecommero app.

• The admin panel lets you manage orders, track sales, and handle customer accounts efficiently. It's your command center for complete control over your e-commerce business.

• The Ecommero app provides a user-friendly platform for customers to customize and place their orders with ease. With a vast selection of products to choose from, customers can customize their orders to their liking, ensuring a hassle-free shopping experience.

Features:

It has all the features that you will ever need to implement this application for any e-commerce company. Some of the features that are included in it are:

• Analytics dashboard for the mobile app
• Payment integration with Paypal and Stripe
• Order tracking feature
• Email Integration e.g for order confirmation etc.
• Ability to provide ratings and reviews
• Finding address using GPS integration
• Facebook and Google authentication integration
• Mobile Responsive Dashboard
• Multiple product variation items
• Push notifications for both mobile and web

Setup

As we’ve mentioned above, the solution includes three separate modules. To setup these modules, follow the steps below:

To run the module, you need to have nodejs installed on your machine. Once nodejs is installed, go to the directory and enter the following commands

•  cd ecommero-app
  

•  npm install (or yarn install)
  

•  npm start
  

The required credentials and keys have been set already. You can setup your own keys and credentials

The version of nodejs should be between 14.0 to 16.0

Run Grocery UI in your Device:

1. Run on iOS

• Run -expo start- in your terminal
• An expo interface will open select the option run on iOS simulator
• To run on iOS device enter the url of expo given in opened interface in your expo app on iOS by downloading expo from AppStore

2. Run on Android

• Run expo start in your terminal
• Make sure you have an Android emulator installed and running
• Click the option run on android emulator in the opened interface in your expo app
• To run on device scan the QR code given in opened expo app web interface

Screenshots

Ecommero Menu	Ecommero Categories	Ecommero Items

Ecommero Items Details	Ecommero User Account	Track Order

Stats Overview	User Table	Products Editing

High Level Architecture

• User Mobile App communicates with both API Server and Amplitudes analytics dashboard
• Web dashboard communicates with only API Server

Prerequisites:

App Ids for Mobile App in app.json

• Facebook Scheme
• Facebook App Id
• Facebook Display Name
• iOS Client Id Google
• Android Id Google
• Amplitude Api Key
• server url

Set credentials in API in file helpers/config.js and helpers/credentials.js

• Email User Name
• Password For Email
• Mongo User
• Mongo Password
• Mongo DB Name
• Reset Password Link
• Admin User name
• Admin Password
• User Id
• Name

Set credentials in Admin Dashboard in file src/index.js

• Firebase Api Key
• Auth Domain
• Database Url
• Project Id
• Storage Buck
• Messaging Sender Id
• App Id

NOTE: Email provider has been only been tested for gmail accounts

Technologies:

• Expo
• React Navigation
• Apollo GraphQL
• ReactJS
• NodeJS
• MongoDB
• Firebase
• Amplitude
• React Native
• React Router
• GraphQL
• ExpressJS
• React Strap

Download

Admin Dashboard

Documentation and Product Demo Video:

Find the link for the complete documentation of the Ecommero Solution here.

If you want to see demo video of the product please check out the link over here

Get the Latest News

• Facebook
• Twitter
• Instagram
• LinkedIn

Reporting an issue

Github Issues are used to track todos, bugs, feature requests, and more.

Also check our discord community. We'd like to help.

Contributing

Are you a dev and would like to help? Found a bug that you would like to work on? Great! We have written down a doc guide so you can start easily

shopping-cart-ecommerce's Issues

Confirmation Email Not Received When Creating an Account on Ecommero App.

Issue: Confirmation Email Not Received When Creating an Account on Ecommero App

Description:

There is a significant issue with the Ecommero app where users do not receive a confirmation email after attempting to create an account. This confirmation email is essential to verify the user's account and activate their access to the app.

Impact:

User Account Activation: Users are unable to activate their accounts and may not be able to access the full functionality of the app.

User Trust: The absence of confirmation emails can lead to a lack of trust and confidence in the app's reliability.

Steps to Reproduce:

1. Download and install the Ecommero app.
2. Attempt to create a new account by providing the required information.
3. Wait for the confirmation email to be sent to your registered email address.
4. Observe that no confirmation email is received.

Expected Resolution:

It is imperative to investigate and address this issue to ensure that confirmation emails are consistently sent to users when they create an account. This is a crucial step in the onboarding process, and resolving the issue will enhance user experience and trust in the Ecommero app.

Email Words Duplication Error in Ecommero App on Some Devices.

Issue: Email Words Duplication Error in Ecommero App on Some Devices.

Description:

A critical issue has been identified in Ecommero app where, on certain devices, when users attempt to enter their email addresses, words or characters are duplicated unintentionally, resulting in an error that can prevent successful account creation or login.

Impact:

User Data Accuracy: The duplication error can lead to incorrect email addresses being stored, potentially causing issues with account creation and communication.

User Frustration: Users may become frustrated when they encounter this error, leading to a negative experience with the app.

Steps to Reproduce:

1. Open Ecommero app on a device where the issue is known to occur.
2. Navigate to a section where you are required to enter your email address.
3. Observe that, as you type your email address, words or characters are duplicated in the email input field.

Expected Resolution:

The issue of email duplication during data entry must be investigated and resolved to ensure accurate user data input and a smooth user experience. This may involve debugging the app to correct the input handling and validation processes on devices where this issue occurs. Addressing this issue is crucial for maintaining data accuracy and user satisfaction.