[All in One] iLoveConverts- Online Converter Tools Full Production Ready App(Angular15 & Typescript)

Here is a complete settings example for the [All in One] iLoveConverts- Online Converter Tools Full Production Ready App(Angular15 & Typescript):

Environment Variables

You can set environment variables in your angular.json file. Add the following configuration:

"environments": {
  "production": {
    "env": {
      "ILoveConverts_API_URL": "https://iloveconverts.com/api",
      "ILoveConverts_APP_ID": "your-app-id",
      "ILoveConverts_APP_KEY": "your-app-key"
    }
  }
}

Replace https://iloveconverts.com/api with your API URL, and your-app-id and your-app-key with your actual app ID and key.

HttpClient Configuration

Add the following configuration in your app.module.ts file:

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { environment } from '../environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [HttpClientModule],
  providers: [
    {
      provide: 'HttpClient',
      useFactory: () => {
        const headers = new HttpHeaders({
          'Content-Type': 'application/json',
          'Authorization': `Bearer ${environment.ILoveConverts_APP_KEY}`,
        });
        return new HttpClient(new XMLHttpRequest(), {
          headers,
        });
      },
      multi: true,
    },
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

This configuration sets the HTTP headers with your app key and sets the Content-Type to application/json.

API Key Storage

Add the following configuration in your app.module.ts file:

import { NgModule } from '@angular/core';
import { environment } from '../environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [],
  providers: [
    {
      provide: 'ApiKeyStorage',
      useValue: environment.ILoveConverts_APP_KEY,
    },
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

This configuration sets the API key storage to your app key.

Other Settings

You can add other settings as needed. For example, you can set the API endpoint URL in your app.module.ts file:

import { NgModule } from '@angular/core';
import { environment } from '../environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [],
  providers: [
    {
      provide: 'ApiEndpoint',
      useValue: environment.ILoveConverts_API_URL,
    },
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

This configuration sets the API endpoint URL to your app's API URL.

Here are the features of the [All in One] iLoveConverts- Online Converter Tools Full Production Ready App:

1. Image Tools: Convert JPG, PNG, BMP, and TIFF images
2. Image Compress: Compress JPG, PNG, BMP, and TIFF images using JIMP (https://www.npmjs.com/package/jimp)
3. OCR Text Scanner: Convert images to text with support for 100+ languages (https://github.com/naptha/tesseract.js#tesseractjs)
4. Conversion Tools:
   • Convert XML to JSON, JSON to XML, JSON to CSV, CSV to JSON, JSON to TEXT, JSON to TSV, and TSV to JSON
5. Number Conversion Tools: Contains various binary, decimal, hexadecimal, and octal converters
6. Text Conversion Tools: Contains various converters, such as:
   • Lowercase, Uppercase, Titlecase, Invertcase, Capitalize Words in Text, Reverse Text, and more
   • Remove Letter Accents, Remove Whitespace, Remove All Whitespace, Extract Emails, URLs, and Numbers from Text, and more
   • Convert Text to Morse, Morse to Text, Count Character and Word Frequencies, Split Text, and more
7. Encryption Conversion Tools: Contains various encoders and decoders, such as Base64, URL encode and decode, and more
8. Unit Converter Tools: Contains various converters, such as:
   • Length, Area, Mass, Volume, Speed, Pressure, Current, Voltage, Power, Energy, and more
   • Use of Convert-units library (https://www.npmjs.com/package/convert-units)
9. Automatically download converted images
10. Copy to Clipboard Option
11. Download result output as a text file
12. Demo Website: https://appsplaces-unit-converter.firebaseapp.com/
13. Beautiful Design
14. Technologies: Angular 15, TypeScript
15. Mobile Friendly
16. Single Page Application
17. Well Documentation and Code Comment
18. Very Clean Code & Easily Customizable

Note that the version is now Angular 15, as specified in the title, and there may be some differences from the Angular 11 version mentioned in the code snippet.