Devo Ionic 5 E-commerce Multi vendors with Backend

Here is an example of a complete settings configuration for Devo Ionic 5 E-commerce Multi vendors with Backend:

Environment Variables

In your environment.ts file, add the following variables:

export const environment = {
  production: false,
  devoApiUrl: 'https://your-devo-backend.com/api',
  devoClientId: 'your-client-id',
  devoClientSecret: 'your-client-secret',
  devoScope: 'your-scope',
  devoVendorsUrl: 'https://your-devo-backend.com/vendors',
  devoProductsUrl: 'https://your-devo-backend.com/products',
  devoOrdersUrl: 'https://your-devo-backend.com/orders',
  devoCartsUrl: 'https://your-devo-backend.com/carts',
  devoPaymentGatewayUrl: 'https://your-payment-gateway.com'
};

Replace the placeholders with your actual Devo backend API URL, client ID, client secret, and scope.

Devo Backend Configuration

In your app.module.ts file, add the following configuration:

import { DevoModule } from 'devo-ionic';
import { environment } from './environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [
    DevoModule.forRoot({
      apiUrl: environment.devoApiUrl,
      clientId: environment.devoClientId,
      clientSecret: environment.devoClientSecret,
      scope: environment.devoScope
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

This configuration sets up the Devo Ionic module with the API URL, client ID, client secret, and scope from the environment variables.

Payment Gateway Configuration

In your app.module.ts file, add the following configuration:

import { PaymentGatewayModule } from 'devo-ionic';
import { environment } from './environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [
    PaymentGatewayModule.forRoot({
      url: environment.devoPaymentGatewayUrl
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

This configuration sets up the payment gateway module with the URL from the environment variables.

Vendors Configuration

In your app.module.ts file, add the following configuration:

import { VendorsModule } from 'devo-ionic';
import { environment } from './environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [
    VendorsModule.forRoot({
      apiUrl: environment.devoVendorsUrl
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

This configuration sets up the vendors module with the API URL from the environment variables.

Products Configuration

In your app.module.ts file, add the following configuration:

import { ProductsModule } from 'devo-ionic';
import { environment } from './environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [
    ProductsModule.forRoot({
      apiUrl: environment.devoProductsUrl
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

This configuration sets up the products module with the API URL from the environment variables.

Orders Configuration

In your app.module.ts file, add the following configuration:

import { OrdersModule } from 'devo-ionic';
import { environment } from './environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [
    OrdersModule.forRoot({
      apiUrl: environment.devoOrdersUrl
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

This configuration sets up the orders module with the API URL from the environment variables.

Carts Configuration

In your app.module.ts file, add the following configuration:

import { CartsModule } from 'devo-ionic';
import { environment } from './environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [
    CartsModule.forRoot({
      apiUrl: environment.devoCartsUrl
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

This configuration sets up the carts module with the API URL from the environment variables.

Here are the features mentioned in the content:

1. Full APP: The app is a fully functional e-commerce app.
2. Ionic 5 & TypeScript: The app is built using Ionic 5 and TypeScript.
3. Facebook & Gmail Login: The app supports Facebook and Gmail login for users.
4. One Signal for Push notifications: The app uses One Signal for push notifications.
5. Full PHP Backend System: The app comes with a full PHP backend system.
6. Return / Refund system: The app has a return and refund system in place.
7. Coupons & discounts: The app allows for coupons and discounts to be created.
8. Shipping fees based on city: The app allows for shipping fees to be based on the city.
9. Excel uploading & updating: The app supports Excel uploading and updating for product data.
10. Brands: The app allows for the creation and management of brands.
11. Shipping fees fixed or based on State: The app allows for shipping fees to be fixed or based on the state.
12. Shopping cart: The app has a shopping cart feature for customers.
13. Orders status progress: The app tracks the status progress of orders.
14. Multi vendors: The app supports multiple vendors and merchants.
15. Multi languages: The app is available in multiple languages.

Additionally, the backend system provides an Admin Panel with full control, API access, and installations guides for easy setup and integration.

Note that there may be additional features mentioned that are not listed here, but these are the specific features mentioned in the provided content.