+
+### Database Provider Options
+
+
+
+## What ABP Provides?
+
+ABP provides a **full stack developer experience**.
+
+### Architecture
+
+
+
+ABP offers a complete, **modular** and **layered** software architecture based on **[Domain Driven Design](https://docs.abp.io/en/abp/latest/Domain-Driven-Design)** principles and patterns. It also provides the necessary infrastructure and guiding to [implement this architecture](https://docs.abp.io/en/abp/latest/Domain-Driven-Design-Implementation-Guide).
+
+ABP Framework is suitable for **[microservice solutions](https://docs.abp.io/en/abp/latest/Microservice-Architecture)** as well as monolithic applications.
+
+### Infrastructure
+
+There are a lot of features provided by the ABP Framework to achieve real world scenarios easier, like [Event Bus](https://docs.abp.io/en/abp/latest/Event-Bus), [Background Job System](https://docs.abp.io/en/abp/latest/Background-Jobs), [Audit Logging](https://docs.abp.io/en/abp/latest/Audit-Logging), [BLOB Storing](https://docs.abp.io/en/abp/latest/Blob-Storing), [Data Seeding](https://docs.abp.io/en/abp/latest/Data-Seeding), [Data Filtering](https://docs.abp.io/en/abp/latest/Data-Filtering), etc.
+
+### Cross Cutting Concerns
+
+ABP also simplifies (and even automates wherever possible) cross cutting concerns and common non-functional requirements like [Exception Handling](https://docs.abp.io/en/abp/latest/Exception-Handling), [Validation](https://docs.abp.io/en/abp/latest/Validation), [Authorization](https://docs.abp.io/en/abp/latest/Authorization), [Localization](https://docs.abp.io/en/abp/latest/Localization), [Caching](https://docs.abp.io/en/abp/latest/Caching), [Dependency Injection](https://docs.abp.io/en/abp/latest/Dependency-Injection), [Setting Management](https://docs.abp.io/en/abp/latest/Settings), etc.
+
+### Application Modules
+
+ABP is a modular framework and the Application Modules provide **pre-built application functionalities**;
+
+- [**Account**](https://docs.abp.io/en/abp/latest/Modules/Account): Provides UI for the account management and allows user to login/register to the application.
+- **[Identity](https://docs.abp.io/en/abp/latest/Modules/Identity)**: Manages organization units, roles, users and their permissions, based on the Microsoft Identity library.
+- [**IdentityServer**](https://docs.abp.io/en/abp/latest/Modules/IdentityServer): Integrates to IdentityServer4.
+- [**Tenant Management**](https://docs.abp.io/en/abp/latest/Modules/Tenant-Management): Manages tenants for a [multi-tenant](https://docs.abp.io/en/abp/latest/Multi-Tenancy) (SaaS) application.
+
+See the [Application Modules](https://docs.abp.io/en/abp/latest/Modules/Index) document for all pre-built modules.
+
+### Startup Templates
+
+The [Startup templates](https://docs.abp.io/en/abp/latest/Startup-Templates/Index) are pre-built Visual Studio solution templates. You can create your own solution based on these templates to **immediately start your development**.
+
+## ABP Community
+
+### ABP Community Web Site
+
+The [ABP Community](https://community.abp.io/) is a website to publish **articles** and share **knowledge** about the ABP Framework. You can also create content for the community!
+
+### Blog
+
+Follow the [ABP Blog](https://blog.abp.io/) to learn the latest happenings in the ABP Framework.
+
+### Samples
+
+See the [sample projects](https://docs.abp.io/en/abp/latest/Samples/Index) built with the ABP Framework.
+
+### Want to Contribute?
+
+ABP is a community-driven open source project. See [the contribution guide](https://docs.abp.io/en/abp/latest/Contribution/Index) if you want to be a part of this project.
+
+## Official Links
+
+* 
> What if I want Azure AD as my authorization server and not IdentityServer?
-This means your application will be using AzureAD user store for authentication. By registering both angular app and HttpApi to AzureAD, authentication might work but **authorization won't**. Users need to be registered to Abp identity system for auditing, permissions etc. So the flow should be 3rd party registration.
+This means your application will be using AzureAD user store for authentication. By registering both Angular app and HttpApi to AzureAD, authentication might work but **authorization won't**. Users need to be registered to ABP identity system for auditing, permissions etc. So the flow should be 3rd party registration.
## Setting up OpenId Connection
diff --git a/docs/en/Community-Articles/2020-11-02-How-To-Add-New-Language/POST.md b/docs/en/Community-Articles/2020-11-02-How-To-Add-New-Language/POST.md
new file mode 100644
index 0000000000..f1387b2a50
--- /dev/null
+++ b/docs/en/Community-Articles/2020-11-02-How-To-Add-New-Language/POST.md
@@ -0,0 +1,46 @@
+# How to add a new language to your ABP project?
+
+Adding a new language to your ABP project is pretty simple. Let's add the German language to our ABP project:
+
+
+
+1. Go to your solution's root folder and write the following CLI command. This command will generate an empty translation file from English.
+ ```bash
+ abp translate -c de-DE
+ ```
+
+ Check out for [the complete supported culture codes](https://docs.microsoft.com/en-us/bingmaps/rest-services/common-parameters-and-types/supported-culture-codes).
+ (For internal development `D:\Github\abp` and `D:\Github\volo\abp`)
+
+2. Fill the `target` fields in your target language.
+
+ 
+
+3. Copy `abp-translation.json` your solution's root folder (Do not change the filename!)
+
+4. Run the following command. This command will create the necessary `json` files.
+ ```bash
+ abp translate --apply
+ ```
+
+5. Open your solution and add the new language to the language list. To do this;
+
+ * open `MyProjectNameDomainModule.cs` and in `ConfigureServices` you'll find `ConfigureUpcoming Events
+
+
+
+ @L["Title"]
+
+
+ @L["Description"]
+
+
+ @L["Free"]
+
+
+ @L["StartTime"]
+
+
+
+
+ Upcoming Events
+
+ @if (upcomingEvent.IsFree)
+ {
+ FREE
+ }
+
+
+ @upcomingEvent.AttendeesCount
+
+
+
+ @upcomingEvent.StartTime.ToLongDateString()
+
+
+ @upcomingEvent.Title
+@upcomingEvent.Description.TruncateWithPostfix(150)
+@Event.Title
+
+ 
+ Start time: @Event.StartTime.ToLongDateString()
+
+
+ @if (Event.IsFree)
+ {
+ FREE
+ }
+
+
+ @Event.Attendees.Count
+
+
+ @Event.Description
+
+ @if (CurrentUser.IsAuthenticated)
+ {
+
+
+ @if (!IsRegistered)
+ {
+
+ }
+ else
+ {
+
+ }
+ else
+ {
+
+ Login to attend!
+
+ }
+ You are registered in this event
+ + } +
+ Attendees (@Event.Attendees.Count)
+
+ -
+ @foreach (var attendee in Event.Attendees)
+ {
+
- @attendee.UserName + } +
Posts
+ +Email: @Comment.Email
++ Message: @Comment.Body +
+| + {{'::Name' | abpLocalization}} + | +{{element.name}} | ++ {{'::Type' | abpLocalization}} + | ++ {{ '::Enum:BookType:' + element.type | abpLocalization }} + | +
|---|
{{ '::NewBook' | abpLocalization }}
++ {{ (data ? '::EditBook' : '::NewBook' )| abpLocalization }} +
+``` + + + +### Delete Book + +In the ABP Framework, a confirmation popup displays when the delete button is clicked. We will create a Confirmation Dialog and display this dialog with Material Dialog. + +Create `ConfirmationDialogComponent` in `angular/src/shared/components` directory with following command: + +``` +yarn ng generate component shared/components/ConfirmationDialog --module shared +``` + +Replace `ConfirmationDialogComponent` with following code: + +```typescript +import { Component, Inject } from "@angular/core"; +import { + MAT_DIALOG_DATA, + MAT_DIALOG_DEFAULT_OPTIONS, +} from "@angular/material/dialog"; + +export interface ConfirmationDialogData { + title: string; + description: string; +} +@Component({ + selector: "app-confirmation-dialog", + templateUrl: "./confirmation-dialog.component.html", + styleUrls: ["./confirmation-dialog.component.scss"], + providers: [ + { + provide: MAT_DIALOG_DEFAULT_OPTIONS, + useValue: { hasBackdrop: true, width: "450px" }, + }, + ], +}) +export class ConfirmationDialogComponent { + constructor(@Inject(MAT_DIALOG_DATA) public data: ConfirmationDialogData) {} +} +``` + +Replace `confirmation-dialog.component.html` with the following code: + +```html +
+ warning
+
+{{ data.title | abpLocalization }}
+{{ data.description | abpLocalization }}
++ {{ (data ? '::EditAuthor' : '::NewAuthor' )| abpLocalization }} +
+| + {{'::Actions' | abpLocalization}} + | ++ + | + {{'::Name' | abpLocalization}} + | +{{element.name}} | ++ {{'::BirthDate' | abpLocalization}} + | ++ {{ element.birthDate | date }} + | +
|---|