Angushop – Angular 8 Shop Template Material Design

Here is an example of how to configure Angushop - Angular 8 Shop Template Material Design:

Environment Configuration

In the environments folder, create a new file named environment.ts and add the following configuration:

export const environment = {
  production: false,
  api: 'http://localhost:3000/api',
  apiUrl: 'http://localhost:3000/api',
  shopName: 'My Shop',
  shopDescription: 'This is my shop',
  shopEmail: 'shop@example.com',
  shopPhone: '1234567890',
  shopAddress: '123 Main St, Anytown, USA',
  shopZip: '12345',
  shopCity: 'Anytown',
  shopState: 'USA',
  shopCountry: 'USA',
  googleMapsApiKey: 'YOUR_GOOGLE_MAPS_API_KEY',
  paypalClientId: 'YOUR_PAYPAL_CLIENT_ID',
  paypalClientSecret: 'YOUR_PAYPAL_CLIENT_SECRET',
  stripePublishableKey: 'YOUR_STRIPE_PUBLISHABLE_KEY',
  stripeSecretKey: 'YOUR_STRIPE_SECRET_KEY',
  facebookAppId: 'YOUR_FACEBOOK_APP_ID',
  facebookAppSecret: 'YOUR_FACEBOOK_APP_SECRET',
  instagramClientId: 'YOUR_INSTAGRAM_CLIENT_ID',
  instagramClientSecret: 'YOUR_INSTAGRAM_CLIENT_SECRET',
  instagramAccessToken: 'YOUR_INSTAGRAM_ACCESS_TOKEN',
  instagramAccessTokenSecret: 'YOUR_INSTAGRAM_ACCESS_TOKEN_SECRET',
  youtubeApiKey: 'YOUR_YOUTUBE_API_KEY',
  youtubeApiKeySecret: 'YOUR_YOUTUBE_API_KEY_SECRET',
  googleAnalyticsTrackingId: 'YOUR_GOOGLE_ANALYTICS_TRACKING_ID'
};

Replace the placeholders with your own values.

Firebase Configuration

In the environments folder, create a new file named firebase.ts and add the following configuration:

export const firebaseConfig = {
  apiKey: 'YOUR_FIREBASE_API_KEY',
  authDomain: 'YOUR_FIREBASE_AUTH_DOMAIN',
  databaseURL: 'YOUR_FIREBASE_DATABASE_URL',
  projectId: 'YOUR_FIREBASE_PROJECT_ID',
  storageBucket: 'YOUR_FIREBASE_STORAGE_BUCKET',
  messagingSenderId: 'YOUR_FIREBASE_MESSAGING_SENDER_ID'
};

Replace the placeholders with your own values.

Payment Gateway Configuration

In the payment-gateway folder, create a new file named payment-gateway.config.ts and add the following configuration:

export const paymentGatewayConfig = {
  paypal: {
    clientId: 'YOUR_PAYPAL_CLIENT_ID',
    clientSecret: 'YOUR_PAYPAL_CLIENT_SECRET',
    sandbox: true
  },
  stripe: {
    publishableKey: 'YOUR_STRIPE_PUBLISHABLE_KEY',
    secretKey: 'YOUR_STRIPE_SECRET_KEY',
    sandbox: true
  }
};

Replace the placeholders with your own values.

Google Maps Configuration

In the google-maps folder, create a new file named google-maps.config.ts and add the following configuration:

export const googleMapsConfig = {
  apiKey: 'YOUR_GOOGLE_MAPS_API_KEY',
  language: 'en'
};

Replace the placeholder with your own value.

Social Media Configuration

In the social-media folder, create a new file named social-media.config.ts and add the following configuration:

export const socialMediaConfig = {
  facebook: {
    appId: 'YOUR_FACEBOOK_APP_ID',
    appSecret: 'YOUR_FACEBOOK_APP_SECRET'
  },
  instagram: {
    clientId: 'YOUR_INSTAGRAM_CLIENT_ID',
    clientSecret: 'YOUR_INSTAGRAM_CLIENT_SECRET',
    accessToken: 'YOUR_INSTAGRAM_ACCESS_TOKEN',
    accessTokenSecret: 'YOUR_INSTAGRAM_ACCESS_TOKEN_SECRET'
  },
  youtube: {
    apiKey: 'YOUR_YOUTUBE_API_KEY',
    apiKeySecret: 'YOUR_YOUTUBE_API_KEY_SECRET'
  }
};

Replace the placeholders with your own values.

Google Analytics Configuration

In the google-analytics folder, create a new file named google-analytics.config.ts and add the following configuration:

export const googleAnalyticsConfig = {
  trackingId: 'YOUR_GOOGLE_ANALYTICS_TRACKING_ID'
};

Replace the placeholder with your own value.

Here are the features of the Angushop Angular 8 Shop Template Material Design:

1. Angular 8: The template is built using Angular 8.
2. Strip JS Checkout: The template supports Stripe JS Checkout for payment processing.
3. Fully Responsive: The template is fully responsive, meaning it adapts to different screen sizes and devices.
4. Support modern browser: The template is compatible with modern web browsers.
5. 11 color options: The template comes with 11 different color options.
6. 5 Product Page: The template has 5 different product page designs.
7. 2 Home Page: The template has 2 different home page designs.
8. Material Framework: The template is built using the Material Angular framework.
9. Sass Processor css: The template uses Sass Processor for CSS compilation.
10. Documentations: The template comes with documentation.
11. Material Icons: The template uses Material Icons for icons.
12. ng2-cookies: The template uses ng2-cookies for cookie management.
13. ng2-slim-loading-bar: The template uses ng2-slim-loading-bar for loading animations.
14. ng2-validation: The template uses ng2-validation for form validation.
15. ngx-pagination: The template uses ngx-pagination for pagination.
16. Lodash: The template uses Lodash for utility functions.
17. Stripe JS: The template uses Stripe JS for payment processing.
18. Angular Google Maps (AGM): The template uses Angular Google Maps (AGM) for mapping.
19. Angular 6+ Paypal: The template supports Angular 6+ PayPal for payment processing.
20. CSS3 Mixins: The template uses CSS3 Mixins for CSS compilation.
21. Images: The template uses images from Pixabay, PNGIMG, and Pixedn.

Note that some of these features are not included in the download package, such as images.