diff --git a/.github/workflows/dco-check.yml b/.github/workflows/dco-check.yml
new file mode 100644
index 0000000000..abd006c044
--- /dev/null
+++ b/.github/workflows/dco-check.yml
@@ -0,0 +1,17 @@
+name: DCO Check
+on: [pull_request]
+
+jobs:
+  commits_check_job:
+    runs-on: ubuntu-latest
+    name: Commits Check
+    steps:
+    - name: Get PR Commits
+      id: 'get-pr-commits'
+      uses: tim-actions/get-pr-commits@master
+      with:
+        token: ${{ secrets.GITHUB_TOKEN }}
+    - name: DCO Check
+      uses: tim-actions/dco@master
+      with:
+        commits: ${{ steps.get-pr-commits.outputs.commits }}
diff --git a/README.md b/README.md
index 3396c12b48..f01baeaec6 100644
--- a/README.md
+++ b/README.md
@@ -42,7 +42,7 @@ Turns any MySQL, PostgreSQL, SQL Server, SQLite & MariaDB into a smart-spreadshe
 
 ### Using Docker
 ```bash
-docker run --name nocodb -p 8080:8080 nocodb/nocodb
+docker run -d --name nocodb -p 8080:8080 nocodb/nocodb
 ```
 
 ### Using Npm
@@ -130,20 +130,34 @@ And connection params for this database can be specified in `NC_DB` environment
 
 #### Example MySQL
 ```
-docker run -p 8080:8080 -e NC_DB="mysql2://host:port?u=user&p=password&d=database" nocodb/nocodb
+docker run -d -p 8080:8080 \
+    -e NC_DB="mysql2://host.docker.internal:3306?u=root&p=password&d=d1" \
+    -e NC_AUTH_JWT_SECRET="569a1821-0a93-45e8-87ab-eb857f20a010" \
+    nocodb/nocodb
 ```
 
 #### Example Postgres
 ```
-docker run -p 8080:8080 -e NC_DB="pg://host:port?u=user&p=password&d=database" nocodb/nocodb
+docker run -d -p 8080:8080 \
+    -e NC_DB="pg://host:port?u=user&p=password&d=database" \
+    -e NC_AUTH_JWT_SECRET="569a1821-0a93-45e8-87ab-eb857f20a010" \
+    nocodb/nocodb
 ```
 
 #### Example SQL Server
 ```
-docker run -p 8080:8080 -e NC_DB="mssql://host:port?u=user&p=password&d=database" nocodb/nocodb
+docker run -d -p 8080:8080 \
+    -e NC_DB="mssql://host:port?u=user&p=password&d=database" \
+    -e NC_AUTH_JWT_SECRET="569a1821-0a93-45e8-87ab-eb857f20a010" \
+    nocodb/nocodb
 ```
 
-
+## Docker Compose
+```
+cd docker-compose
+cd mysql or pg or mssql
+docker-compose up
+```
 
 
 ## Environment variables 
@@ -157,6 +171,32 @@ docker run -p 8080:8080 -e NC_DB="mssql://host:port?u=user&p=password&d=database
 | NC_CONNECT_TO_EXTERNAL_DB_DISABLED | No | Disable Project creation with external database                              |   |
 | NC_DISABLE_TELE | No | Disable telemetry                              |   |
 
+# Running locally 
+```
+git clone https://github.com/nocodb/nocodb
+cd nocodb
+
+# run backend
+cd packages/nocodb
+npm install
+npm run watch:run
+
+# open localhost:8080/dashboard in browser
+
+# run frontend 
+cd packages/nc-gui
+npm install
+npm run dev
+
+# open localhost:3000/dashboard in browser
+```
+
+Changes made to code automatically restart.
+
+# Contributing
+- Please take a look at ./contribute/HowToApplyLicense.md 
+- Ignore adding headers for .json or .md or .yml   
+
 # 🎯  Why are we building this ?
 Most internet businesses equip themselves with either spreadsheet or a database to solve their business needs. Spreadsheets are used by a Billion+ humans collaboratively every single day. However, we are way off working at similar speeds on databases which are way more powerful tools when it comes to computing. Attempts to solve this with SaaS offerings has meant horrible access controls, vendor lockin, data lockin, abrupt price changes & most importantly a glass ceiling on what's possible in future.
 
@@ -167,23 +207,28 @@ Our mission is to provide the most powerful no-code interface for databases whic
 [//]: contributor-faces
 <a href="https://github.com/o1lab"><img src="https://avatars.githubusercontent.com/u/5435402?v=4" title="Naveen MR" width="50" height="50"></a>
 <a href="https://github.com/pranavxc"><img src="https://avatars.githubusercontent.com/u/61551451?v=4" title="Pranav C Balan" width="50" height="50"></a>
-<a hrer="https://github.com/bvkatwijk"><img src="https://avatars.githubusercontent.com/u/18490578?s=60&v=4" title="bvkatwijk" width="50" height="50"></a>
-<a hrer="https://github.com/markuman"><img src="https://avatars.githubusercontent.com/u/3920157?s=60&v=4" title="markuman" width="50" height="50"></a>
-<a hrer="https://github.com/DanielRuf"><img src="https://avatars.githubusercontent.com/u/827205?s=60&v=4" title="DanielRuf" width="50" height="50"></a>
-<a hrer="https://github.com/bertyhell"><img src="https://avatars.githubusercontent.com/u/1710840?s=60&v=4" title="bertyhell" width="50" height="50"></a>
-<a hrer="https://github.com/chocholand"><img src="https://avatars.githubusercontent.com/u/6572227?s=60&v=4" title="chocholand" width="50" height="50"></a>
-<a hrer="https://github.com/0xflotus"><img src="https://avatars.githubusercontent.com/u/26602940?s=60&v=4" title="0xflotus" width="50" height="50"></a>
-<a hrer="https://github.com/sguionni"><img src="https://avatars.githubusercontent.com/u/3633017?s=60&v=4" title="sguionni" width="50" height="50"></a>
-<a hrer="https://github.com/extremeshok"><img src="https://avatars.githubusercontent.com/u/5957328?s=60&v=4" title="extremeshok" width="50" height="50"></a>
-<a hrer="https://github.com/v2io"><img src="https://avatars.githubusercontent.com/u/48987429?s=60&v=4" title="v2io" width="50" height="50"></a>
-<a hrer="https://github.com/soaserele"><img src="https://avatars.githubusercontent.com/u/1093368?s=60&v=4" title="soaserele" width="50" height="50"></a>
-<a hrer="https://github.com/ans-4175"><img src="https://avatars.githubusercontent.com/u/3961872?s=60&v=4" title="ans-4175" width="50" height="50"></a>
-<a hrer="https://github.com/lotas"><img src="https://avatars.githubusercontent.com/u/83861?s=60&v=4" title="lotas" width="50" height="50"></a>
-<a hrer="https://github.com/ferrybig"><img src="https://avatars.githubusercontent.com/u/1576684?s=60&v=4" title="ferrybig" width="50" height="50"></a>
-<a hrer=""><img src="https://avatars.githubusercontent.com/u/1001585?v=4" title="" width="50" height="50"></a>
-<a hrer=""><img src="https://avatars.githubusercontent.com/u/508624?v=4" title="" width="50" height="50"></a>
-<a hrer=""><img src="https://avatars.githubusercontent.com/u/8931?v=4" title="" width="50" height="50"></a>
-<a hrer=""><img src="https://avatars.githubusercontent.com/u/26602940?v=4" title="" width="50" height="50"></a>
+<a href="https://github.com/bvkatwijk"><img src="https://avatars.githubusercontent.com/u/18490578?s=60&v=4" title="bvkatwijk" width="50" height="50"></a>
+<a href="https://github.com/markuman"><img src="https://avatars.githubusercontent.com/u/3920157?s=60&v=4" title="markuman" width="50" height="50"></a>
+<a href="https://github.com/DanielRuf"><img src="https://avatars.githubusercontent.com/u/827205?s=60&v=4" title="DanielRuf" width="50" height="50"></a>
+<a href="https://github.com/bertyhell"><img src="https://avatars.githubusercontent.com/u/1710840?s=60&v=4" title="bertyhell" width="50" height="50"></a>
+<a href="https://github.com/chocholand"><img src="https://avatars.githubusercontent.com/u/6572227?s=60&v=4" title="chocholand" width="50" height="50"></a>
+<a href="https://github.com/0xflotus"><img src="https://avatars.githubusercontent.com/u/26602940?s=60&v=4" title="0xflotus" width="50" height="50"></a>
+<a href="https://github.com/sguionni"><img src="https://avatars.githubusercontent.com/u/3633017?s=60&v=4" title="sguionni" width="50" height="50"></a>
+<a href="https://github.com/extremeshok"><img src="https://avatars.githubusercontent.com/u/5957328?s=60&v=4" title="extremeshok" width="50" height="50"></a>
+<a href="https://github.com/v2io"><img src="https://avatars.githubusercontent.com/u/48987429?s=60&v=4" title="v2io" width="50" height="50"></a>
+<a href="https://github.com/soaserele"><img src="https://avatars.githubusercontent.com/u/1093368?s=60&v=4" title="soaserele" width="50" height="50"></a>
+<a href="https://github.com/ans-4175"><img src="https://avatars.githubusercontent.com/u/3961872?s=60&v=4" title="ans-4175" width="50" height="50"></a>
+<a href="https://github.com/lotas"><img src="https://avatars.githubusercontent.com/u/83861?s=60&v=4" title="lotas" width="50" height="50"></a>
+<a href="https://github.com/ferrybig"><img src="https://avatars.githubusercontent.com/u/1576684?s=60&v=4" title="ferrybig" width="50" height="50"></a>
+<a href="https://github.com/jrevault"><img src="https://avatars.githubusercontent.com/u/1001585?v=4" title="" width="50" height="50"></a>
+<a href="https://github.com/atilacamurca"><img src="https://avatars.githubusercontent.com/u/508624?v=4" title="" width="50" height="50"></a>
+<a href="https://github.com/simonbowen"><img src="https://avatars.githubusercontent.com/u/8931?v=4" title="" width="50" height="50"></a>
+<a href="https://github.com/0xflotus"><img src="https://avatars.githubusercontent.com/u/26602940?v=4" title="" width="50" height="50"></a>
+<a href="https://github.com/wingkwong"><img src="https://avatars.githubusercontent.com/u/35857179?v=4" title="" width="50" height="50"></a>
+<a href="https://github.com/ferdiga"><img src="https://avatars.githubusercontent.com/u/6248560?v=4" title="" width="50" height="50"></a>
+<a href="https://github.com/Flatroy"><img src="https://avatars.githubusercontent.com/u/4980165?v=4" title="" width="50" height="50"></a>
+<a href="https://github.com/jwillmer"><img src="https://avatars.githubusercontent.com/u/1503577?v=4" title="" width="50" height="50"></a>
 
 - - - - - - -
 
+
diff --git a/packages/nc-cli/package-lock.json b/packages/nc-cli/package-lock.json
index 186bf3b0eb..c7fe5e3ff2 100644
--- a/packages/nc-cli/package-lock.json
+++ b/packages/nc-cli/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "create-nocodb-app",
-  "version": "0.1.17",
+  "version": "0.1.21",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/nc-gui/assets/img/lang/en.json b/packages/nc-gui/assets/img/lang/en.json
deleted file mode 100644
index 8437b0c360..0000000000
--- a/packages/nc-gui/assets/img/lang/en.json
+++ /dev/null
@@ -1,3 +0,0 @@
- {
-    "create-new-project": "Create New Project"
-}
diff --git a/packages/nc-gui/assets/img/lang/ja.json b/packages/nc-gui/assets/img/lang/ja.json
deleted file mode 100644
index 4a50ec6db5..0000000000
--- a/packages/nc-gui/assets/img/lang/ja.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "create-new-project": "新しいプロジェクトを作成する"
-}
diff --git a/packages/nc-gui/assets/img/lang/zh.json b/packages/nc-gui/assets/img/lang/zh.json
deleted file mode 100644
index ff028a2dd9..0000000000
--- a/packages/nc-gui/assets/img/lang/zh.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-    "create-new-project": "创建新项目"
-}
diff --git a/packages/nc-gui/components/project/spreadsheet/mixins/cell.js b/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
index 1d710c2c20..7bd2bd83c2 100644
--- a/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
+++ b/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
@@ -32,7 +32,7 @@ export default {
     }, isFloat() {
       return this.abstractType === 'float';
     }, isDate() {
-      return this.abstractType === 'date';
+      return this.abstractType === 'date' || this.column.uidt === 'Date';
     }, isTime() {
       return this.abstractType === 'time';
     }, isDateTime() {
diff --git a/packages/nc-gui/pages/projects/index.vue b/packages/nc-gui/pages/projects/index.vue
index 510bd47082..a6018317a8 100644
--- a/packages/nc-gui/pages/projects/index.vue
+++ b/packages/nc-gui/pages/projects/index.vue
@@ -1,58 +1,77 @@
 <template>
   <v-container fluid class="text-center px-10 pt-10 nc-container">
-<!--    <sponsor-overlay v-if="overlayVisible && projects && projects.length"-->
-<!--                     @close="overlayVisible = false"></sponsor-overlay>-->
+    <!--    <sponsor-overlay v-if="overlayVisible && projects && projects.length"-->
+    <!--                     @close="overlayVisible = false"></sponsor-overlay>-->
     <v-row>
-      <v-col v-if="loaded" class="col-lg-6 offset-lg-3  col-12 col-md-12 ">
+      <v-col v-if="loaded" class="col-lg-6 offset-lg-3 col-12 col-md-12">
         <v-row class="justify-center" v-show="projects">
-          <v-card row class="pa-4 elevation-20 text-center overflow-x-hidden flex-shrink-1" min-width="600">
+          <v-card
+            row
+            class="
+              pa-4
+              elevation-20
+              text-center
+              overflow-x-hidden
+              flex-shrink-1
+            "
+            min-width="600"
+          >
             <v-overlay v-if="projectStatusUpdating"></v-overlay>
             <v-row justify="center">
               <h1 class="text-center display-1 pa-2">
                 <!--                <p v-if="screenSize" class="caption">Screen resolution : {{screenSize}}</p>-->
 
                 <!--                <v-icon large>mdi-folder-multiple-outline</v-icon>&nbsp;-->
-                <b>My Projects</b>
+                <!-- My Projects -->
+                <b>{{ $t('home.my_projects') }}</b>
 
                 <!--                <x-btn-->
                 <!--                  large-->
                 <!--                  text-->
                 <!--                  class="text">-->
+                <!-- Refresh projects -->
                 <x-icon
                   small
                   color="primary grey"
                   @click="projectsLoad"
-                  tooltip="Refresh projects">
-                  mdi-refresh
-                </x-icon>&nbsp;
+                  v-bind:tooltip="$t('home.reload_projects_tooltip')"
+                >
+                  mdi-refresh </x-icon
+                >&nbsp;
                 <!--                </x-btn>-->
               </h1>
             </v-row>
-            <v-row class="pa-4 ">
+            <v-row class="pa-4">
+              <!-- Search Project -->
               <v-text-field
                 data-v-step="3"
                 ref="search1"
                 v-model="search"
                 class="caption pt-0 mt-0"
-                placeholder="Search Project"
+                v-bind:placeholder="$t('home.search_project')"
                 single-line
                 hide-details
-                v-ge="['home','project-search']"
-                style="max-width:200px"
+                v-ge="['home', 'project-search']"
+                style="max-width: 200px"
               >
                 <template v-slot:prepend-inner>
                   <v-icon color="grey" class="mt-1" small>search</v-icon>
                 </template>
               </v-text-field>
               <v-spacer></v-spacer>
-
+              <!-- Import NocoDB Project by uploading metadata zip file -->
               <x-btn
-                tooltip="Import NocoDB Project by uploading metadata zip file."
+                vbind:tooltip="$t('home.import_button.text')"
                 outlined
                 color="grey"
-                @click="$refs.importFile.click();project_id = null">
+                @click="
+                  $refs.importFile.click();
+                  project_id = null;
+                "
+              >
                 <v-icon>mdi-import</v-icon>
-              </x-btn>       <!--              <x-btn
+              </x-btn>
+              <!--              <x-btn
                               btn.class="pl-1"
                               v-if="_isUIAllowed('projectCreate')"
                               outlined
@@ -74,60 +93,83 @@
                               v-ge="['home','project-new']"
                               @click="onCreateProject()">
                               <v-icon class="mr-1" small>mdi-plus</v-icon>
-                              {{ $t('create-new-project') }}
+                              {{ $t('home.create_new_project_button.text') }}
                             </x-btn>-->
 
-
               <template v-if="connectToExternalDB">
                 <v-menu offset-y bottom open-on-hover>
-
-                  <template v-slot:activator="{on}">
+                  <template v-slot:activator="{ on }">
                     <div>
                       <x-btn
                         v-if="_isUIAllowed('projectCreate')"
                         outlined
                         data-v-step="1"
                         color="primary"
-                        v-ge="['home','project-new']"
+                        v-ge="['home', 'project-new']"
                         v-on="on"
                       >
-                        {{ $t('create-new-project') }}
+                        <!-- New Project -->
+                        {{ $t('home.create_new_project_button.text') }}
                         <v-icon class="mr-1" small>mdi-menu-down</v-icon>
                       </x-btn>
                     </div>
                   </template>
                   <v-list dense>
-                    <v-list-item @click="onCreateProject('xcdb')" class="create-xc-db-project">
-                      <v-list-item-icon class=" mr-2
-                  ">
+                    <v-list-item
+                      @click="onCreateProject('xcdb')"
+                      class="create-xc-db-project"
+                    >
+                      <v-list-item-icon class="mr-2">
                         <v-icon small>mdi-plus</v-icon>
                       </v-list-item-icon>
                       <v-list-item-title>
-                        <span class="caption font-weight-regular">Create</span>
+                        <!-- Create -->
+                        <span class="caption font-weight-regular">{{
+                          $t('home.create_new_project_button.subtext_1')
+                        }}</span>
                       </v-list-item-title>
                       <v-spacer></v-spacer>
                       <v-tooltip right>
-                        <template v-slot:activator="{on}">
-                          <v-icon v-on="on" x-small color="grey" class="ml-4">mdi-information-outline</v-icon>
+                        <template v-slot:activator="{ on }">
+                          <v-icon v-on="on" x-small color="grey" class="ml-4"
+                            >mdi-information-outline</v-icon
+                          >
                         </template>
-                        <span class="caption">Create a new project</span>
+                        <!-- Create a new project -->
+                        <span class="caption">{{
+                          $t('home.create_new_project_button.subtext_1_tooltip')
+                        }}</span>
                       </v-tooltip>
                     </v-list-item>
                     <v-divider></v-divider>
-                    <v-list-item title @click="onCreateProject()" class="pt-2 create-external-db-project">
+                    <v-list-item
+                      title
+                      @click="onCreateProject()"
+                      class="pt-2 create-external-db-project"
+                    >
                       <v-list-item-icon class="mr-2">
                         <v-icon small class="">mdi-power-plug-outline</v-icon>
                       </v-list-item-icon>
-                      <v-list-item-title><span
-                        class="caption font-weight-regular">Create By Connecting <br>To An External Database</span>
-
+                      <v-list-item-title>
+                        <!-- Create By Connecting <br>To An External Database -->
+                        <span
+                          class="caption font-weight-regular"
+                          v-html="
+                            $t('home.create_new_project_button.subtext_2')
+                          "
+                        ></span>
                       </v-list-item-title>
                       <v-spacer></v-spacer>
                       <v-tooltip right>
-                        <template v-slot:activator="{on}">
-                          <v-icon v-on="on" x-small color="grey" class="ml-4">mdi-information-outline</v-icon>
+                        <template v-slot:activator="{ on }">
+                          <v-icon v-on="on" x-small color="grey" class="ml-4"
+                            >mdi-information-outline</v-icon
+                          >
                         </template>
-                        <span class="caption">Supports MySQL, PostgreSQL, SQL Server & SQLite</span>
+                        <!-- Supports MySQL, PostgreSQL, SQL Server & SQLite -->
+                        <span class="caption">{{
+                          $t('home.create_new_project_button.subtext_2_tooltip')
+                        }}</span>
                       </v-tooltip>
                     </v-list-item>
                   </v-list>
@@ -139,14 +181,14 @@
                 outlined
                 data-v-step="1"
                 color="primary"
-                v-ge="['home','project-new']"
+                v-ge="['home', 'project-new']"
               >
-                {{ $t('create-new-project') }}
+                <!-- New Project -->
+                {{ $t('home.create_new_project_button.text') }}
               </x-btn>
             </v-row>
 
             <v-row>
-
               <v-data-table
                 fixed-header
                 hide-default-header
@@ -157,7 +199,7 @@
                 :items="projects"
                 :search="search"
                 :footer-props="{
-                    'items-per-page-options':[20,-1]
+                  'items-per-page-options': [20, -1],
                 }"
                 class="pa-4 text-left mx-auto"
                 style="cursor: pointer"
@@ -165,146 +207,254 @@
                 <template v-slot:item="props">
                   <tr @click="projectRouteHandler(props.item)">
                     <td data-v-step="2">
-                      <v-icon x-small
-                              class="mr-2"
-                              :color="props.item.status === 'started' ? 'green' : (props.item.status === 'stopped' ? 'orange'  : 'orange') ">
+                      <v-icon
+                        x-small
+                        class="mr-2"
+                        :color="
+                          props.item.status === 'started'
+                            ? 'green'
+                            : props.item.status === 'stopped'
+                            ? 'orange'
+                            : 'orange'
+                        "
+                      >
                         mdi-moon-full
                       </v-icon>
-
-                      <x-icon small
-                              :tooltip="props.item.projectType === 'graphql' ? 'Accessible via GraphQL APIs' : 'Accessible via REST APIs'"
-                              icon.class="mr-2"
-                              :color="props.item.projectType === 'graphql' ? 'pink' : 'green'"
+                      <!-- Accessible via GraphQL APIs / Accessible via REST APIs -->
+                      <x-icon
+                        small
+                        :tooltip="
+                          props.item.projectType === 'graphql'
+                            ? $t('home.project_api_type_tooltip_graphql')
+                            : $t('home.project_api_type_tooltip_rest')
+                        "
+                        icon.class="mr-2"
+                        :color="
+                          props.item.projectType === 'graphql'
+                            ? 'pink'
+                            : 'green'
+                        "
                       >
-                        {{ props.item.projectType === 'graphql' ? 'mdi-graphql' : 'mdi-json' }}
+                        {{
+                          props.item.projectType === 'graphql'
+                            ? 'mdi-graphql'
+                            : 'mdi-json'
+                        }}
                       </x-icon>
 
-
-                      <span class="title font-weight-regular">{{ props.item.title }}</span>
+                      <span class="title font-weight-regular">{{
+                        props.item.title
+                      }}</span>
                     </td>
                     <td>
                       <div
                         v-if="_isUIAllowed('project.actions')"
-                        :class="{'action-icons' :  !(projectStatusUpdating &&  props.item.id === statusUpdatingProjectId) }">
+                        :class="{
+                          'action-icons': !(
+                            projectStatusUpdating &&
+                            props.item.id === statusUpdatingProjectId
+                          ),
+                        }"
+                      >
+                        <!-- Stop Project -->
                         <x-icon
-                          tooltip="Stop project"
-                          class="pointer mr-2" color="orange grey" v-if="props.item.status === 'started'"
-                          @click.stop="stopProject(props.item)">mdi-stop-circle-outline
+                          v-bind:tooltip="
+                            $t('home.project_horizontal_option_1')
+                          "
+                          class="pointer mr-2"
+                          color="orange grey"
+                          v-if="props.item.status === 'started'"
+                          @click.stop="stopProject(props.item)"
+                          >mdi-stop-circle-outline
                         </x-icon>
+                        <!-- Start Project -->
                         <x-icon
-                          tooltip="Start project"
-                          class="pointer mr-2" color="green grey" v-else-if=" props.item.status === 'stopped'"
-                          @click.stop="startProject(props.item)">
+                          v-bind:tooltip="
+                            $t('home.project_horizontal_option_2')
+                          "
+                          class="pointer mr-2"
+                          color="green grey"
+                          v-else-if="props.item.status === 'stopped'"
+                          @click.stop="startProject(props.item)"
+                        >
                           mdi-play-circle-outline
                         </x-icon>
-
-
-                        <x-icon class="mr-1"
-                                v-if="projectStatusUpdating &&  props.item.id === statusUpdatingProjectId">mdi-loading
-                          mdi-spin
+                        <x-icon
+                          class="mr-1"
+                          v-if="
+                            projectStatusUpdating &&
+                            props.item.id === statusUpdatingProjectId
+                          "
+                          >mdi-loading mdi-spin
                         </x-icon>
-
+                        <!-- Restart Project -->
                         <x-icon
-                          tooltip="Restart project" class="pointer mr-2" color="primary grey"
-                          @click.stop="restartProject(props.item)">
+                          v-bind:tooltip="
+                            $t('home.project_horizontal_option_3')
+                          "
+                          class="pointer mr-2"
+                          color="primary grey"
+                          @click.stop="restartProject(props.item)"
+                        >
                           mdi-restart
                         </x-icon>
-
+                        <!-- Delete Project -->
                         <x-icon
-                          tooltip="Delete project" class="pointer mr-2" color="red grey"
-                          @click.stop="deleteProject(props.item)">
+                          v-bind:tooltip="
+                            $t('home.project_horizontal_option_4')
+                          "
+                          class="pointer mr-2"
+                          color="red grey"
+                          @click.stop="deleteProject(props.item)"
+                        >
                           mdi-delete-circle-outline
                         </x-icon>
 
                         <v-menu offset-y>
-                          <template v-slot:activator="{on}">
-                            <x-icon v-on="on" color="grey">mdi-dots-vertical</x-icon>
+                          <template v-slot:activator="{ on }">
+                            <x-icon v-on="on" color="grey"
+                              >mdi-dots-vertical</x-icon
+                            >
                           </template>
                           <v-list dense>
-                            <v-list-item dense @click="$refs.importFile.click();project_id = props.item.id">
+                            <v-list-item
+                              dense
+                              @click="
+                                $refs.importFile.click();
+                                project_id = props.item.id;
+                              "
+                            >
                               <v-list-item-icon class="mr-1">
                                 <v-icon small>mdi-import</v-icon>
                               </v-list-item-icon>
-                              <v-list-item-title><span class="caption font-weight-regular">Import Metadata</span>
+                              <v-list-item-title>
+                                <!-- Import Metadata -->
+                                <span class="caption font-weight-regular">{{
+                                  $t('home.project_verticial_option_1')
+                                }}</span>
                               </v-list-item-title>
                             </v-list-item>
-                            <v-list-item dense @click="exportMetaZip(props.item.id)">
+                            <v-list-item
+                              dense
+                              @click="exportMetaZip(props.item.id)"
+                            >
                               <v-list-item-icon class="mr-1">
                                 <v-icon small>mdi-export</v-icon>
                               </v-list-item-icon>
-                              <v-list-item-title><span class="caption font-weight-regular">Export Metadata</span>
+                              <v-list-item-title>
+                                <!-- Export Metadata -->
+                                <span class="caption font-weight-regular">{{
+                                  $t('home.project_verticial_option_2')
+                                }}</span>
                               </v-list-item-title>
                             </v-list-item>
-                            <v-list-item dense @click="resetMeta(props.item.id)">
+                            <v-list-item
+                              dense
+                              @click="resetMeta(props.item.id)"
+                            >
                               <v-list-item-icon class="mr-1">
                                 <v-icon small>mdi-delete-variant</v-icon>
                               </v-list-item-icon>
-                              <v-list-item-title><span class="caption font-weight-regular">Clear Metadata</span>
+                              <v-list-item-title>
+                                <!-- Clear Metadata -->
+                                <span class="caption font-weight-regular">{{
+                                  $t('home.project_verticial_option_3')
+                                }}</span>
                               </v-list-item-title>
                             </v-list-item>
                           </v-list>
                         </v-menu>
-
                       </div>
                     </td>
-
                   </tr>
                 </template>
+                <!-- Your search for "{{ search }}" found no results. -->
                 <v-alert
                   v-slot:no-results
                   :value="true"
                   color="error"
                   icon="warning"
-                >Your search for "{{ search }}" found no results.
+                  >{{ $t('home.search.no_result', { search }) }}
                 </v-alert>
                 <!--                <template v-slot:no-data>-->
                 <!--                  <v-alert :value="true" outlined color="success" icon="mdi-information-outline">Create a new project-->
                 <!--                  </v-alert>-->
                 <!--                </template>-->
               </v-data-table>
-              <v-col style="height:500px" v-else-if="!loadingProjects" class="d-flex align-center justify-center">
-                <v-alert border="left" dense text :value="true" outlined color="success" icon="mdi-information-outline">
-                  Get started by creating a new project.
+              <v-col
+                style="height: 500px"
+                v-else-if="!loadingProjects"
+                class="d-flex align-center justify-center"
+              >
+                <v-alert
+                  border="left"
+                  dense
+                  text
+                  :value="true"
+                  outlined
+                  color="success"
+                  icon="mdi-information-outline"
+                >
+                  <!-- Get started by creating a new project -->
+                  {{ $t('home.project_empty_message') }}
                 </v-alert>
               </v-col>
             </v-row>
-
           </v-card>
         </v-row>
 
-
         <v-row v-cloak v-show="!projects.length && false">
-
           <!--          <howItWorks class="text-left"></howItWorks>-->
 
-
           <v-col cols="" class="d-flex justify-center">
-            <v-card height="500px" width="500px" class="elevation-20 pt-4 mt-4 d-flex flex-column">
-              <p class="display-1 flex-grow-1 pt-5 d-flex align-center justify-center">
-                <span>
-                Create new project <br> by connecting to your<br> existing or new database</span>
+            <v-card
+              height="500px"
+              width="500px"
+              class="elevation-20 pt-4 mt-4 d-flex flex-column"
+            >
+              <p
+                class="
+                  display-1
+                  flex-grow-1
+                  pt-5
+                  d-flex
+                  align-center
+                  justify-center
+                "
+              >
+                <!-- Create By Connecting <br>To An External Database -->
+                <span v-html="$t('home.create_new_project_button.subtext_2')">
+                </span>
               </p>
               <v-card-actions class="justify-center pb-10">
-                <x-btn tooltip="Create New Project"
-                       btn.class="   ma-4 primary"
-                       color="primary"
-                       large
-                       @click="onCreateProject">
+                <x-btn
+                  tooltip="Create New Project"
+                  btn.class="   ma-4 primary"
+                  color="primary"
+                  large
+                  @click="onCreateProject"
+                >
                   <v-icon color="white" class="blink_me">
-                    mdi-lightbulb-on
-                  </v-icon>&nbsp;
-                  New Project
+                    mdi-lightbulb-on </v-icon
+                  >&nbsp;
+                  <!-- New Project -->
+                  {{ $t('home.create_new_project_button.text') }}
                 </x-btn>
-
-
               </v-card-actions>
             </v-card>
-
           </v-col>
         </v-row>
       </v-col>
-      <v-col v-if="loaded" class="col-sm-12 col-lg-3 d-sm-none d-md-flex justify-center justify-lg-end  align-start">
-        <sponsor-mini/>
+      <v-col
+        v-if="loaded"
+        class="
+          col-sm-12 col-lg-3
+          d-sm-none d-md-flex
+          justify-center justify-lg-end
+          align-start
+        "
+      >
+        <sponsor-mini />
       </v-col>
     </v-row>
     <!--        <dlgLabelSubmitCancel-->
@@ -319,49 +469,82 @@
 
     <!--    <dlg-project-create v-model="createProjectDialog"></dlg-project-create>-->
 
-
-    <div class="d-flex justify-end " v-if="projects && projects.length">
-
-      <v-list class="flex-shrink-1 text-left elevation-4 rounded-xl community-card mr-10" width="300"
-              :class="{active:showCommunity}"
-              dense>
-
-        <v-list-item dense href="https://github.com/nocodb/nocodb" target="_blank">
+    <div class="d-flex justify-end" v-if="projects && projects.length">
+      <v-list
+        class="
+          flex-shrink-1
+          text-left
+          elevation-4
+          rounded-xl
+          community-card
+          mr-10
+        "
+        width="300"
+        :class="{ active: showCommunity }"
+        dense
+      >
+        <v-list-item
+          dense
+          href="https://github.com/nocodb/nocodb"
+          target="_blank"
+        >
           <v-list-item-icon>
             <v-icon class="ml-2 mt-n2">mdi-github</v-icon>
           </v-list-item-icon>
-          <v-list-item-title>Star
+          <v-list-item-title>
+            <!-- Star -->
+            {{ $t('home.show_community_message_1_1') }}
             <v-icon small>mdi-star-outline</v-icon>
-            us on Github
+            <!-- us on Github -->
+            {{ $t('home.show_community_message_1_2') }}
           </v-list-item-title>
         </v-list-item>
         <v-divider></v-divider>
-        <v-list-item dense target="_blank" href="https://calendly.com/xgenecloud/demo">
+        <v-list-item
+          dense
+          target="_blank"
+          href="https://calendly.com/xgenecloud/demo"
+        >
           <v-list-item-icon>
-            <v-icon class="ml-2" :color="textColors[3]">mdi-calendar-month</v-icon>
+            <v-icon class="ml-2" :color="textColors[3]"
+              >mdi-calendar-month</v-icon
+            >
           </v-list-item-icon>
-          <v-list-item-title>Book a Free DEMO</v-list-item-title>
+          <!-- Book a Free DEMO -->
+          <v-list-item-title>{{
+            $t('home.show_community_message_2')
+          }}</v-list-item-title>
         </v-list-item>
         <v-divider></v-divider>
         <v-list-item dense href="https://discord.gg/5RgZmkW" target="_blank">
           <v-list-item-icon>
             <v-icon class="ml-2" :color="textColors[0]">mdi-discord</v-icon>
           </v-list-item-icon>
-          <v-list-item-title>Get your questions answered</v-list-item-title>
+          <!-- Get your questions answered -->
+          <v-list-item-title>{{
+            $t('home.show_community_message_3')
+          }}</v-list-item-title>
         </v-list-item>
         <v-divider></v-divider>
         <v-list-item dense href="https://twitter.com/NocoDB" target="_blank">
           <v-list-item-icon>
             <v-icon class="ml-2" :color="textColors[1]">mdi-twitter</v-icon>
           </v-list-item-icon>
-          <v-list-item-title>Follow NocoDB</v-list-item-title>
+          <!-- Follow NocoDB -->
+          <v-list-item-title>{{
+            $t('home.show_community_message_4')
+          }}</v-list-item-title>
         </v-list-item>
-
       </v-list>
     </div>
 
-
-    <input type="file" accept=".zip" @change="importMetaZip" v-show="false" ref="importFile">
+    <input
+      type="file"
+      accept=".zip"
+      @change="importMetaZip"
+      v-show="false"
+      ref="importFile"
+    />
 
     <dlg-label-submit-cancel
       type="primary"
@@ -370,450 +553,493 @@
       :dialogShow="dialogShow"
       :heading="confirmMessage"
     >
-
     </dlg-label-submit-cancel>
   </v-container>
-
-
 </template>
 
-
 <script>
-
-import dlgLabelSubmitCancel from "../../components/utils/dlgLabelSubmitCancel.vue";
-import DlgProjectCreate from "@/components/utils/dlgProjectCreate";
-import colors from '~/mixins/colors'
-
-import {mapState} from "vuex";
-import SponsorOverlay from "@/components/sponsorOverlay";
-import SponsorMini from "@/components/sponsorMini";
-
-
-export default {
-  components: {
-    SponsorMini,
-    SponsorOverlay,
-    DlgProjectCreate,
-    dlgLabelSubmitCancel,
-    // howItWorks,
-  },
-  mixins: [colors],
-  $_veeValidate: {
-    validator: "new"
-  },
-  data() {
-    return {
-      overlayVisible: true,
-      showCommunity: false,
-      project_id: null,
-      loading: null,
-      dialogShow: false,
-      confirmAction: null,
-      confirmMessage: '',
-
-      createProjectDialog: false,
-      projectStatusUpdating: false,
-      statusUpdatingProjectId: null,
-      screenSize: null,
-      trialAlert: true,
-      dialog1: true,
-      steps: [
-        {
-          target: '[data-v-step="1"]',
-          content: 'Click here to create new Project.',
-          params: {
-            placement: 'top'
-          }
-        },
-        {
-          target: '[data-v-step="2"]',
-          content: 'Click here to open existing project.'
-        },
-        {
-          target: '[data-v-step="3"]',
-          content: 'Click here to filter projects.'
-        },
-        {
-          target: '[data-v-step="4"]',
-          content: 'Click here to open project folder.'
+  import dlgLabelSubmitCancel from '../../components/utils/dlgLabelSubmitCancel.vue';
+  import DlgProjectCreate from '@/components/utils/dlgProjectCreate';
+  import colors from '~/mixins/colors';
+
+  import { mapState } from 'vuex';
+  import SponsorOverlay from '@/components/sponsorOverlay';
+  import SponsorMini from '@/components/sponsorMini';
+
+  export default {
+    components: {
+      SponsorMini,
+      SponsorOverlay,
+      DlgProjectCreate,
+      dlgLabelSubmitCancel,
+      // howItWorks,
+    },
+    mixins: [colors],
+    $_veeValidate: {
+      validator: 'new',
+    },
+    data() {
+      return {
+        overlayVisible: true,
+        showCommunity: false,
+        project_id: null,
+        loading: null,
+        dialogShow: false,
+        confirmAction: null,
+        confirmMessage: '',
+
+        createProjectDialog: false,
+        projectStatusUpdating: false,
+        statusUpdatingProjectId: null,
+        screenSize: null,
+        trialAlert: true,
+        dialog1: true,
+        steps: [
+          {
+            target: '[data-v-step="1"]',
+            content: 'Click here to create new Project.',
+            params: {
+              placement: 'top',
+            },
+          },
+          {
+            target: '[data-v-step="2"]',
+            content: 'Click here to open existing project.',
+          },
+          {
+            target: '[data-v-step="3"]',
+            content: 'Click here to filter projects.',
+          },
+          {
+            target: '[data-v-step="4"]',
+            content: 'Click here to open project folder.',
+          },
+          {
+            target: '[data-v-step="5"]',
+            content: 'Click here to edit project.',
+          },
+          {
+            target: '[data-v-step="6"]',
+            content: 'Click here to delete project.',
+          },
+        ],
+        loaded: false,
+        dialog: {
+          show: false,
+          title: 'Confirm Deleting project',
+          heading: '',
+          // mtdOk: this.projectRemove,
+          type: 'error',
         },
-        {
-          target: '[data-v-step="5"]',
-          content: 'Click here to edit project.'
+        loadingProjects: true,
+        newProjectDialog: false,
+        name: '',
+        type: 'MySQL',
+        userSelectedDir: false,
+        dialogTitle: 'New',
+        databases: {
+          Oracle: 'oracledb',
+          Postgres: 'pg',
+          MySQL: 'mysql',
+          MSSQL: 'mssql',
+          Sqlite: 'sqlite',
         },
-        {
-          target: '[data-v-step="6"]',
-          content: 'Click here to delete project.'
+        headers: [
+          {
+            text: 'Title',
+            value: 'title',
+            class: 'caption',
+          },
+          {
+            text: '',
+            value: 'name',
+            sortable: false,
+            class: 'caption',
+          },
+        ],
+        projects: [],
+        search: '',
+        deleteBtnClicked: false,
+      };
+    },
+    methods: {
+      async stopProject(project) {
+        this.$set(project, 'status', 'stopping');
+        const project_id = project.id;
+        this.statusUpdatingProjectId = project_id;
+        this.projectStatusUpdating = true;
+        try {
+          await this.$store.dispatch('sqlMgr/ActSqlOp', [
+            { project_id },
+            'projectStop',
+          ]);
+          this.$toast
+            .success(`Project '${project.title}' stopped successfully`)
+            .goAway(3000);
+        } catch (e) {
+          this.$toast
+            .error(`Project '${project.title}' stopping failed`)
+            .goAway(3000);
         }
-      ],
-      loaded: false,
-      dialog: {
-        show: false,
-        title: 'Confirm Deleting project',
-        heading: '',
-        // mtdOk: this.projectRemove,
-        type: 'error'
+        await this.projectsLoad();
+        this.projectStatusUpdating = false;
       },
-      loadingProjects: true,
-      newProjectDialog: false,
-      name: "",
-      type: "MySQL",
-      userSelectedDir: false,
-      dialogTitle: "New",
-      databases: {
-        Oracle: "oracledb",
-        Postgres: "pg",
-        MySQL: "mysql",
-        MSSQL: "mssql",
-        Sqlite: "sqlite"
+      async startProject(project) {
+        this.$set(project, 'status', 'starting');
+        const project_id = project.id;
+        this.statusUpdatingProjectId = project_id;
+        this.projectStatusUpdating = true;
+        try {
+          await this.$store.dispatch('sqlMgr/ActSqlOp', [
+            { project_id },
+            'projectStart',
+          ]);
+          this.$toast
+            .success(`Project '${project.title}' started successfully`)
+            .goAway(3000);
+        } catch (e) {
+          this.$toast
+            .error(`Project '${project.title}' starting failed`)
+            .goAway(3000);
+        }
+        await this.projectsLoad();
+        this.projectStatusUpdating = false;
       },
-      headers: [
-        {
-          text: "Title",
-          value: "title", class: "caption"
-
-        },
-        {
-          text: "",
-          value: "name",
-          sortable: false,
-          class: "caption"
+      async restartProject(project) {
+        this.$set(project, 'status', 'restarting');
+        const project_id = project.id;
+        this.statusUpdatingProjectId = project_id;
+        this.projectStatusUpdating = true;
+        try {
+          await this.$store.dispatch('sqlMgr/ActSqlOp', [
+            { project_id },
+            'projectRestart',
+          ]);
+          this.$toast
+            .success(`Project '${project.title}' restarted successfully`)
+            .goAway(3000);
+        } catch (e) {
+          this.$toast
+            .error(`Project '${project.title}' restarting failed`)
+            .goAway(3000);
         }
-      ],
-      projects: [],
-      search: "",
-      deleteBtnClicked: false
-    };
-  },
-  methods: {
-    async stopProject(project) {
-      this.$set(project, 'status', 'stopping');
-      const project_id = project.id;
-      this.statusUpdatingProjectId = project_id;
-      this.projectStatusUpdating = true;
-      try {
-        await this.$store.dispatch('sqlMgr/ActSqlOp', [{project_id}, 'projectStop']);
-        this.$toast.success(`Project '${project.title}' stopped successfully`).goAway(3000);
-      } catch (e) {
-        this.$toast.error(`Project '${project.title}' stopping failed`).goAway(3000);
-      }
-      await this.projectsLoad();
-      this.projectStatusUpdating = false;
-    },
-    async startProject(project) {
-      this.$set(project, 'status', 'starting');
-      const project_id = project.id;
-      this.statusUpdatingProjectId = project_id;
-      this.projectStatusUpdating = true;
-      try {
-        await this.$store.dispatch('sqlMgr/ActSqlOp', [{project_id}, 'projectStart']);
-        this.$toast.success(`Project '${project.title}' started successfully`).goAway(3000);
-      } catch (e) {
-        this.$toast.error(`Project '${project.title}' starting failed`).goAway(3000);
-      }
-      await this.projectsLoad();
-      this.projectStatusUpdating = false;
-    },
-    async restartProject(project) {
-      this.$set(project, 'status', 'restarting');
-      const project_id = project.id;
-      this.statusUpdatingProjectId = project_id;
-      this.projectStatusUpdating = true;
-      try {
-        await this.$store.dispatch('sqlMgr/ActSqlOp', [{project_id}, 'projectRestart']);
-        this.$toast.success(`Project '${project.title}' restarted successfully`).goAway(3000);
-      } catch (e) {
-        this.$toast.error(`Project '${project.title}' restarting failed`).goAway(3000);
-      }
-      await this.projectsLoad();
-      this.projectStatusUpdating = false;
-    },
-    async deleteProject(project) {
-      this.$set(project, 'status', 'deleting');
-      const project_id = project.id;
-      this.statusUpdatingProjectId = project_id;
-      this.projectStatusUpdating = true;
-      try {
-        await this.$store.dispatch('sqlMgr/ActSqlOp', [{project_id}, 'projectDelete']);
-        this.$toast.success(`Project '${project.title}' deleted successfully`).goAway(3000);
-      } catch (e) {
-        this.$toast.error(`Project '${project.title}' restarting failed`).goAway(3000);
-      }
-      await this.projectsLoad();
-      this.projectStatusUpdating = false;
-    },
-    onCreateProject(xcdb) {
-      if (xcdb === 'xcdb') {
-        this.$router.push('/project/xcdb');
-      } else {
-        this.$router.push('/project/0');
-      }
-    },
-    async importProjectFromJSON() {
-
-    },
-    onTourCompletion() {
-      // this.$store.commit('windows/MutShowTour', {page: 'home'})
-    },
-    getDir(filePath) {
-      // return path.dirname(filePath);
-    },
-    async projectsLoad() {
-      try {
-        this.loadingProjects = true;
-        // console.log('projects', projects)
-        // this.projects = projectsData.data.list.reverse();
-        this.projects = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
-          query: {
-            skipProjectHasDb: 1
-          }
-        }, 'projectList']);
-
-
-        // todo: multiplex
-        const user = this.$store.state.users.user;
-        if (!(this.projects && this.projects.length) && user && user.roles && user.roles.owner) {
-          if (this.$store.state.project.projectInfo && this.$store.state.project.projectInfo.oneClick) {
+        await this.projectsLoad();
+        this.projectStatusUpdating = false;
+      },
+      async deleteProject(project) {
+        this.$set(project, 'status', 'deleting');
+        const project_id = project.id;
+        this.statusUpdatingProjectId = project_id;
+        this.projectStatusUpdating = true;
+        try {
+          await this.$store.dispatch('sqlMgr/ActSqlOp', [
+            { project_id },
+            'projectDelete',
+          ]);
+          this.$toast
+            .success(`Project '${project.title}' deleted successfully`)
+            .goAway(3000);
+        } catch (e) {
+          this.$toast
+            .error(`Project '${project.title}' restarting failed`)
+            .goAway(3000);
+        }
+        await this.projectsLoad();
+        this.projectStatusUpdating = false;
+      },
+      onCreateProject(xcdb) {
+        if (xcdb === 'xcdb') {
+          this.$router.push('/project/xcdb');
+        } else {
+          this.$router.push('/project/0');
+        }
+      },
+      async importProjectFromJSON() {},
+      onTourCompletion() {
+        // this.$store.commit('windows/MutShowTour', {page: 'home'})
+      },
+      getDir(filePath) {
+        // return path.dirname(filePath);
+      },
+      async projectsLoad() {
+        try {
+          this.loadingProjects = true;
+          // console.log('projects', projects)
+          // this.projects = projectsData.data.list.reverse();
+          this.projects = await this.$store.dispatch('sqlMgr/ActSqlOp', [
+            {
+              query: {
+                skipProjectHasDb: 1,
+              },
+            },
+            'projectList',
+          ]);
+
+          // todo: multiplex
+          const user = this.$store.state.users.user;
+          if (
+            !(this.projects && this.projects.length) &&
+            user &&
+            user.roles &&
+            user.roles.owner
+          ) {
+            if (
+              this.$store.state.project.projectInfo &&
+              this.$store.state.project.projectInfo.oneClick
+            ) {
+              // this.$router.push({
+              //   path: `/project/xcdb`
+              // });
+            }
+            // else {
             // this.$router.push({
-            //   path: `/project/xcdb`
+            //   path: `/project/0`
             // });
+            // }
           }
-          // else {
-          // this.$router.push({
-          //   path: `/project/0`
-          // });
-          // }
-        }
 
+          this.loadingProjects = false;
+        } catch (error) {
+          console.log('Project fetch err', error);
+        }
+        this.loaded = true;
+      },
+      projectRouteHandler(project) {
+        if (project.status !== 'started') {
+          this.$toast
+            .info(
+              `Project '${project.title}' is not running, please start to open it`
+            )
+            .goAway(5000);
+          return;
+        }
 
-        this.loadingProjects = false;
-      } catch (error) {
-        console.log("Project fetch err", error);
-      }
-      this.loaded = true;
-    },
-    projectRouteHandler(project) {
-      if (project.status !== 'started') {
-        this.$toast.info(`Project '${project.title}' is not running, please start to open it`).goAway(5000);
-        return;
-      }
-
-      if (!this.deleteBtnClicked) {
+        if (!this.deleteBtnClicked) {
+          this.$router.push({
+            path: `/nc/${project.id}`,
+          });
+        }
+      },
+      async projectRemove(project) {
+        this._project = project;
+        this.deleteBtnClicked = true;
+        this.dialog.title =
+          'Project will drop all databases and remove all migrations files in your local directory. Click submit to delete';
+        this.dialog.show = true;
+      },
+      async projectEdit(project) {
+        console.log('projectEdit');
         this.$router.push({
-          path: `/nc/${project.id}`
+          path: `project/0?edit=true&projectId=${project.id}`,
         });
-      }
-    },
-    async projectRemove(project) {
-      this._project = project;
-      this.deleteBtnClicked = true;
-      this.dialog.title = 'Project will drop all databases and remove all migrations files in your local directory. Click submit to delete';
-      this.dialog.show = true;
-
-    },
-    async projectEdit(project) {
-      console.log('projectEdit');
-      this.$router.push({
-        path: `project/0?edit=true&projectId=${project.id}`
-      });
-    },
-    async projectOpenFolder(project) {
-      console.log('projectEdit');
-    },
-    async _projectRemove(action) {
-      if (action === 'hideDialog') {
-        this.deleteBtnClicked = false;
-        this.dialog.show = false;
-      } else {
-        this.deleteBtnClicked = true;
-        await this.sqlMgr.projectRemove(this._project);
-        this.deleteBtnClicked = false;
-        this.projectsLoad();
-        this.dialog.show = false;
-      }
-    },
-
-
-    async exportMetaZip(project_id) {
-      this.dialogShow = true;
-      this.confirmMessage = 'Do you want to export metadata from meta tables?';
-      this.confirmAction = async (act) => {
-        if (act === 'hideDialog') {
-          this.dialogShow = false;
+      },
+      async projectOpenFolder(project) {
+        console.log('projectEdit');
+      },
+      async _projectRemove(action) {
+        if (action === 'hideDialog') {
+          this.deleteBtnClicked = false;
+          this.dialog.show = false;
         } else {
-          this.loading = 'export-zip';
-          let data;
-          try {
-            data = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
-              // dbAlias: 'db',
-              project_id,
-              env: 'dev'
-            }, 'xcMetaTablesExportDbToZip', null, null, {
-              responseType: 'blob'
-            }]);
-            const url = window.URL.createObjectURL(new Blob([data], {type: 'application/zip'}));
-            const link = document.createElement('a');
-            link.href = url;
-            link.setAttribute('download', 'meta.zip'); //or any other extension
-            document.body.appendChild(link);
-            link.click();
-            this.$toast.success('Successfully exported metadata').goAway(3000);
-          } catch (e) {
-            this.$toast.error('Some internal error occurred').goAway(3000);
-          }
-          this.dialogShow = false;
-          this.loading = null;
+          this.deleteBtnClicked = true;
+          await this.sqlMgr.projectRemove(this._project);
+          this.deleteBtnClicked = false;
+          this.projectsLoad();
+          this.dialog.show = false;
         }
-      }
-    },
-    async resetMeta(project_id) {
-      this.dialogShow = true;
-      this.confirmMessage = 'Do you want to clear metadata from meta tables?';
-      this.confirmAction = async (act) => {
-        if (act === 'hideDialog') {
-          this.dialogShow = false;
-        } else {
-          this.loading = 'reset-metadata';
+      },
+
+      async exportMetaZip(project_id) {
+        this.dialogShow = true;
+        this.confirmMessage =
+          'Do you want to export metadata from meta tables?';
+        this.confirmAction = async act => {
+          if (act === 'hideDialog') {
+            this.dialogShow = false;
+          } else {
+            this.loading = 'export-zip';
+            let data;
+            try {
+              data = await this.$store.dispatch('sqlMgr/ActSqlOp', [
+                {
+                  // dbAlias: 'db',
+                  project_id,
+                  env: 'dev',
+                },
+                'xcMetaTablesExportDbToZip',
+                null,
+                null,
+                {
+                  responseType: 'blob',
+                },
+              ]);
+              const url = window.URL.createObjectURL(
+                new Blob([data], { type: 'application/zip' })
+              );
+              const link = document.createElement('a');
+              link.href = url;
+              link.setAttribute('download', 'meta.zip'); //or any other extension
+              document.body.appendChild(link);
+              link.click();
+              this.$toast
+                .success('Successfully exported metadata')
+                .goAway(3000);
+            } catch (e) {
+              this.$toast.error('Some internal error occurred').goAway(3000);
+            }
+            this.dialogShow = false;
+            this.loading = null;
+          }
+        };
+      },
+      async resetMeta(project_id) {
+        this.dialogShow = true;
+        this.confirmMessage = 'Do you want to clear metadata from meta tables?';
+        this.confirmAction = async act => {
+          if (act === 'hideDialog') {
+            this.dialogShow = false;
+          } else {
+            this.loading = 'reset-metadata';
+            try {
+              await this.$store.dispatch('sqlMgr/ActSqlOp', [
+                {
+                  // dbAlias: 'db',
+                  env: 'dev',
+                  project_id,
+                },
+                'xcMetaTablesReset',
+              ]);
+              this.$toast.success('Metadata cleared successfully').goAway(3000);
+            } catch (e) {
+              this.$toast.error('Some internal error occurred').goAway(3000);
+            }
+            this.dialogShow = false;
+            this.loading = null;
+          }
+        };
+      },
+      async importMetaZip() {
+        const project_id = this.project_id;
+        if (
+          this.$refs.importFile &&
+          this.$refs.importFile.files &&
+          this.$refs.importFile.files[0]
+        ) {
+          const zipFile = this.$refs.importFile.files[0];
+          this.loading = 'import-zip';
           try {
-            await this.$store.dispatch('sqlMgr/ActSqlOp', [{
-              // dbAlias: 'db',
-              env: 'dev',
-              project_id
-            }, 'xcMetaTablesReset',]);
-            this.$toast.success('Metadata cleared successfully').goAway(3000)
+            this.$refs.importFile.value = '';
+            await this.$store.dispatch('sqlMgr/ActUpload', [
+              {
+                // dbAlias: 'db',
+                project_id,
+                env: 'dev',
+              },
+              'xcMetaTablesImportZipToLocalFsAndDb',
+              {},
+              zipFile,
+            ]);
+            this.$toast.success('Successfully imported metadata').goAway(3000);
+            await this.projectsLoad();
           } catch (e) {
             this.$toast.error('Some internal error occurred').goAway(3000);
           }
           this.dialogShow = false;
           this.loading = null;
         }
-
-      }
-
+      },
     },
-    async importMetaZip() {
-      const project_id = this.project_id;
-      if (this.$refs.importFile && this.$refs.importFile.files && this.$refs.importFile.files[0]) {
-        const zipFile = this.$refs.importFile.files[0];
-        this.loading = 'import-zip';
-        try {
-          this.$refs.importFile.value = '';
-          await this.$store.dispatch('sqlMgr/ActUpload', [{
-            // dbAlias: 'db',
-            project_id,
-            env: 'dev'
-          }, 'xcMetaTablesImportZipToLocalFsAndDb', {}, zipFile]);
-          this.$toast.success('Successfully imported metadata').goAway(3000);
-          await this.projectsLoad();
-        } catch (e) {
-          this.$toast.error('Some internal error occurred').goAway(3000);
-        }
-        this.dialogShow = false;
-        this.loading = null;
-      }
+    watch: {
+      name() {
+        if (!this.userSelectedDir)
+          this.folder = `${this.baseFolder}/${this.name}`;
+      },
     },
-
-
-  },
-  watch: {
-    name() {
-      if (!this.userSelectedDir)
-        this.folder = `${this.baseFolder}/${this.name}`;
+    async created() {
+      this.$store.commit('windows/MutToggleGaEnabled', true);
+      this.$store.commit('windows/MutToggleTelemetryEnabled', true);
+
+      //console.log(JSON.stringify(size))
+
+      await this.$store.dispatch('users/ActGetUserDetails');
+      // this.$store.commit('windows/MutIsComp', await isComp());
+
+      // new GCP
+      // let user = await this.$axios.get('/api/v1/user/me');
+      // console.log('================ user', user)
+      // if (user.data && user.data.email) {
+      //   this.$store.commit('users/MutSetUser', user.data);
+      //   await this.$store.dispatch('users/ActGetUserUiAbility');
+      // } else {
+      //   this.$store.commit('users/MutSetUser', null);
+      // }
     },
-  },
-  async created() {
-
-
-    this.$store.commit('windows/MutToggleGaEnabled', true);
-    this.$store.commit('windows/MutToggleTelemetryEnabled', true);
-
-
-    //console.log(JSON.stringify(size))
-
-
-    await this.$store.dispatch('users/ActGetUserDetails')
-    // this.$store.commit('windows/MutIsComp', await isComp());
-
-    // new GCP
-    // let user = await this.$axios.get('/api/v1/user/me');
-    // console.log('================ user', user)
-    // if (user.data && user.data.email) {
-    //   this.$store.commit('users/MutSetUser', user.data);
-    //   await this.$store.dispatch('users/ActGetUserUiAbility');
-    // } else {
-    //   this.$store.commit('users/MutSetUser', null);
-    // }
-
-
-  },
-  computed: {
-    connectToExternalDB() {
-      return this.$store.state.project.projectInfo.connectToExternalDB;
-    }
-  },
-  async mounted() {
-    setTimeout(() => this.showCommunity = true, 2000)
-    // setTimeout(() => {
-    //   if (this.$store.state.windows.showTour.home)
-    //     this.$tours['myTour'].start();
-    // }, 2000)
-
-    // setTimeout(() => this.trialAlert = false, (30 - this.$store.getters['windows/GtrNoOfDaysLeft']) * 15000);
-
-    console.log('=======mounted index')
-    // setTimeout(() => {
-    //   this.$refs.search1.$el.querySelector('input').focus()
-    //   console.log(this.$refs.search1.$el.querySelector('input'))
-    //   console.log('======= within nexttick')
-    // }, 200)
-    await this.projectsLoad();
-    // await this.openProjectIfQueryParamFound()
-  }
-};
+    computed: {
+      connectToExternalDB() {
+        return this.$store.state.project.projectInfo.connectToExternalDB;
+      },
+    },
+    async mounted() {
+      setTimeout(() => (this.showCommunity = true), 2000);
+      // setTimeout(() => {
+      //   if (this.$store.state.windows.showTour.home)
+      //     this.$tours['myTour'].start();
+      // }, 2000)
+
+      // setTimeout(() => this.trialAlert = false, (30 - this.$store.getters['windows/GtrNoOfDaysLeft']) * 15000);
+
+      console.log('=======mounted index');
+      // setTimeout(() => {
+      //   this.$refs.search1.$el.querySelector('input').focus()
+      //   console.log(this.$refs.search1.$el.querySelector('input'))
+      //   console.log('======= within nexttick')
+      // }, 200)
+      await this.projectsLoad();
+      // await this.openProjectIfQueryParamFound()
+    },
+  };
 </script>
 <style scoped>
-.action-icons {
-  opacity: 0;
-  transition: .2s opacity;
-}
+  .action-icons {
+    opacity: 0;
+    transition: 0.2s opacity;
+  }
 
-tr:hover .action-icons {
-  opacity: 1;
-}
+  tr:hover .action-icons {
+    opacity: 1;
+  }
 
+  @media screen and (max-width: 1240px) {
+    .community-card {
+      display: none;
+    }
+  }
 
-@media screen and (max-width: 1240px) {
   .community-card {
-    display: none;
+    position: absolute;
+    right: -300px;
+    bottom: 60px;
+    opacity: 0;
+    transition: 2s right, 2s opacity;
   }
-}
-
 
-.community-card {
-  position: absolute;
-  right: -300px;
-  bottom: 60px;
-  opacity: 0;
-  transition: 2s right, 2s opacity;
-}
-
-.community-card.active {
-  right: 0px;
-  opacity: 1;
-}
+  .community-card.active {
+    right: 0px;
+    opacity: 1;
+  }
 
-.nc-container {
-  position: relative;
-}
+  .nc-container {
+    position: relative;
+  }
 </style>
 
-
 <!--
 /**
  * @copyright Copyright (c) 2021, Xgene Cloud Ltd
  *
  * @author Naveen MR <oof1lab@gmail.com>
  * @author Pranav C Balan <pranavxc@gmail.com>
+ * @author Wing-Kam Wong <wingkwong.code@gmail.com>
  *
  * @license GNU AGPL version 3 or any later version
  *
@@ -831,4 +1057,4 @@ tr:hover .action-icons {
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
--->
+-->
\ No newline at end of file
diff --git a/packages/nc-gui/static/lang/en.json b/packages/nc-gui/static/lang/en.json
index cc6031b4e2..593d98e118 100644
--- a/packages/nc-gui/static/lang/en.json
+++ b/packages/nc-gui/static/lang/en.json
@@ -1,3 +1,27 @@
 {
-  "create-new-project": "New Project"
+  "home.my_projects": "My Projects",
+  "home.reload_projects_tooltip": "Refresh projects",
+  "home.create_new_project_button.text": "New Project",
+  "home.create_new_project_button.subtext_1": "Create",
+  "home.create_new_project_button.subtext_1_tooltip": "Create a new project",
+  "home.create_new_project_button.subtext_2": "Create By Connecting <br>To An External Database",
+  "home.create_new_project_button.subtext_2_tooltip": "Supports MySQL, PostgreSQL, SQL Server & SQLite",
+  "home.search_project": "Search Project",
+  "home.project_verticial_option_1": "Import Metadata",
+  "home.project_verticial_option_2": "Export Metadata",
+  "home.project_verticial_option_3": "Clear Metadata",
+  "home.project_horizontal_option_1": "Stop Project",
+  "home.project_horizontal_option_2": "Start Project",
+  "home.project_horizontal_option_3": "Restart Project",
+  "home.project_horizontal_option_4": "Delete Project",
+  "home.project_api_type_tooltip_graphql": "Accessible via GraphQL APIs",
+  "home.project_api_type_tooltip_rest": "Accessible via REST APIs",
+  "home.project_empty_message": "Get started by creating a new project",
+  "home.import_button.text": "Import NocoDB Project by uploading metadata zip file",
+  "home.show_community_message_1_1": "Star",
+  "home.show_community_message_1_2": "us on Github",
+  "home.show_community_message_2": "Book a Free DEMO",
+  "home.show_community_message_3": "Get your questions answered",
+  "home.show_community_message_4": "Follow NocoDB",
+  "home.search.no_result": "Your search for {search} found no results"
 }
diff --git a/packages/nc-gui/static/lang/ja.json b/packages/nc-gui/static/lang/ja.json
index 4a50ec6db5..1be007c814 100644
--- a/packages/nc-gui/static/lang/ja.json
+++ b/packages/nc-gui/static/lang/ja.json
@@ -1,3 +1,27 @@
 {
-  "create-new-project": "新しいプロジェクトを作成する"
+  "home.my_projects": "My Projects",
+  "home.reload_projects_tooltip": "Refresh projects",
+  "home.create_new_project_button.text": "新しいプロジェクトを作成する",
+  "home.create_new_project_button.subtext_1": "Create",
+  "home.create_new_project_button.subtext_1_tooltip": "Create a new project",
+  "home.create_new_project_button.subtext_2": "Create By Connecting <br>To An External Database",
+  "home.create_new_project_button.subtext_2_tooltip": "Supports MySQL, PostgreSQL, SQL Server & SQLite",
+  "home.search_project": "Search Project",
+  "home.project_verticial_option_1": "Import Metadata",
+  "home.project_verticial_option_2": "Export Metadata",
+  "home.project_verticial_option_3": "Clear Metadata",
+  "home.project_horizontal_option_1": "Stop Project",
+  "home.project_horizontal_option_2": "Start Project",
+  "home.project_horizontal_option_3": "Restart Project",
+  "home.project_horizontal_option_4": "Delete Project",
+  "home.project_api_type_tooltip_graphql": "Accessible via GraphQL APIs",
+  "home.project_api_type_tooltip_rest": "Accessible via REST APIs",
+  "home.project_empty_message": "Get started by creating a new project",
+  "home.import_button.text": "Import NocoDB Project by uploading metadata zip file",
+  "home.show_community_message_1_1": "Star",
+  "home.show_community_message_1_2": "us on Github",
+  "home.show_community_message_2": "Book a Free DEMO",
+  "home.show_community_message_3": "Get your questions answered",
+  "home.show_community_message_4": "Follow NocoDB",
+  "home.search.no_result": "Your search for {search} found no results"
 }
diff --git a/packages/nc-gui/static/lang/zh.json b/packages/nc-gui/static/lang/zh.json
index ff028a2dd9..2261901460 100644
--- a/packages/nc-gui/static/lang/zh.json
+++ b/packages/nc-gui/static/lang/zh.json
@@ -1,3 +1,28 @@
 {
-    "create-new-project": "创建新项目"
-}
+    "home.my_projects": "My Projects",
+    "home.reload_projects_tooltip": "Refresh projects",
+    "home.create_new_project_button.text": "创建新项目",
+    "home.create_new_project_button.subtext_1": "Create",
+    "home.create_new_project_button.subtext_1_tooltip": "Create a new project",
+    "home.create_new_project_button.subtext_2": "Create By Connecting <br>To An External Database",
+    "home.create_new_project_button.subtext_2_tooltip": "Supports MySQL, PostgreSQL, SQL Server & SQLite",
+    "home.search_project": "Search Project",
+    "home.project_verticial_option_1": "Import Metadata",
+    "home.project_verticial_option_2": "Export Metadata",
+    "home.project_verticial_option_3": "Clear Metadata",
+    "home.project_horizontal_option_1": "Stop Project",
+    "home.project_horizontal_option_2": "Start Project",
+    "home.project_horizontal_option_3": "Restart Project",
+    "home.project_horizontal_option_4": "Delete Project",
+    "home.project_api_type_tooltip_graphql": "Accessible via GraphQL APIs",
+    "home.project_api_type_tooltip_rest": "Accessible via REST APIs",
+    "home.project_empty_message": "Get started by creating a new project",
+    "home.import_button.text": "Import NocoDB Project by uploading metadata zip file",
+    "home.show_community_message_1_1": "Star",
+    "home.show_community_message_1_2": "us on Github",
+    "home.show_community_message_2": "Book a Free DEMO",
+    "home.show_community_message_3": "Get your questions answered",
+    "home.show_community_message_4": "Follow NocoDB",
+    "home.search.no_result": "Your search for {search} found no results"
+  }
+  
\ No newline at end of file
diff --git a/packages/nc-gui/static/plugins/scaleway.png b/packages/nc-gui/static/plugins/scaleway.png
new file mode 100644
index 0000000000..342a50f686
Binary files /dev/null and b/packages/nc-gui/static/plugins/scaleway.png differ
diff --git a/packages/nocodb/src/lib/noco/plugins/NcPluginMgr.ts b/packages/nocodb/src/lib/noco/plugins/NcPluginMgr.ts
index 3dbbabfc30..953ee11761 100644
--- a/packages/nocodb/src/lib/noco/plugins/NcPluginMgr.ts
+++ b/packages/nocodb/src/lib/noco/plugins/NcPluginMgr.ts
@@ -24,6 +24,7 @@ import MattermostPluginConfig from "../../../plugins/mattermost";
 import DiscordPluginConfig from "../../../plugins/discord";
 import TwilioWhatsappPluginConfig from "../../../plugins/twilioWhatsapp";
 import TwilioPluginConfig from "../../../plugins/twilio";
+import ScalewayPluginConfig from "../../../plugins/scaleway";
 
 import Noco from "../Noco";
 import Local from "./adapters/storage/Local";
@@ -45,6 +46,7 @@ const defaultPlugins = [
   LinodePluginConfig,
   UpcloudPluginConfig,
   SMTPPluginConfig,
+  ScalewayPluginConfig,
 ]
 
 class NcPluginMgr {
@@ -132,4 +134,27 @@ class NcPluginMgr {
 
 }
 
-export default NcPluginMgr;
\ No newline at end of file
+export default NcPluginMgr;
+
+/**
+ * @copyright Copyright (c) 2021, Xgene Cloud Ltd
+ *
+ * @author Pranav C Balan <pranavxc@gmail.com>
+ * @author Bhanu P Chaudhary <bhanu423@gmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
\ No newline at end of file
diff --git a/packages/nocodb/src/plugins/scaleway/ScalewayObjectStorage.ts b/packages/nocodb/src/plugins/scaleway/ScalewayObjectStorage.ts
new file mode 100644
index 0000000000..99b1dca9e0
--- /dev/null
+++ b/packages/nocodb/src/plugins/scaleway/ScalewayObjectStorage.ts
@@ -0,0 +1,118 @@
+import AWS from "aws-sdk";
+import fs from "fs";
+import path from "path";
+import {IStorageAdapter, XcFile} from "nc-plugin";
+
+export default class ScalewayObjectStorage implements IStorageAdapter {
+
+  private s3Client: AWS.S3;
+  private input: any;
+
+  constructor(input: any) {
+    this.input = input;
+  }
+
+
+  async fileCreate(key: string, file: XcFile): Promise<any> {
+
+    const uploadParams: any = {
+      ACL: 'public-read'
+    };
+    return new Promise((resolve, reject) => {
+      // Configure the file stream and obtain the upload parameters
+      const fileStream = fs.createReadStream(file.path);
+      fileStream.on('error', (err) => {
+        console.log('File Error', err);
+        reject(err);
+      });
+
+      uploadParams.Body = fileStream;
+      uploadParams.Key = key;
+
+      // call S3 to retrieve upload file to specified bucket
+      this.s3Client.upload(uploadParams, (err, data) => {
+        if (err) {
+          console.log("Error", err);
+          reject(err);
+        }
+        if (data) {
+          resolve(data.Location);
+        }
+      });
+    });
+  }
+
+  public async fileDelete(_path: string): Promise<any> {
+    return Promise.resolve(undefined);
+  }
+
+  public async fileRead(key: string): Promise<any> {
+    return new Promise((resolve, reject) => {
+      this.s3Client.getObject({Key: key} as any, (err, data) => {
+        if (err) {
+          return reject(err);
+        }
+        if (!data?.Body) {
+          return reject(data);
+        }
+        return resolve(data.Body);
+      });
+    });
+  }
+
+  public async init(): Promise<any> {
+    const s3Options: any = {
+      params: {Bucket: this.input.bucket},
+      region: this.input.region
+    };
+
+    s3Options.accessKeyId = this.input.access_key
+    s3Options.secretAccessKey = this.input.access_secret;
+
+    s3Options.endpoint = new AWS.Endpoint(`s3.${this.input.region}.scw.cloud`);
+
+    this.s3Client = new AWS.S3(s3Options);
+  }
+
+  public async test(): Promise<boolean> {
+    try {
+      const tempFile = path.join(process.cwd(), 'temp.txt');
+      const createStream = fs.createWriteStream(tempFile);
+      createStream.end();
+      await this.fileCreate('/test.txt', {
+        path: tempFile,
+        mimetype: '',
+        originalname: 'temp.txt',
+        size: ''
+      });
+      fs.unlinkSync(tempFile);
+      return true;
+    } catch (e) {
+      throw e;
+    }
+  }
+
+}
+
+
+/**
+ * @copyright Copyright (c) 2021, Bhanu P Chaudhary <bhanu423@gmail.com>
+ *
+ * @author Bhanu P Chaudhary <bhanu423@gmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
\ No newline at end of file
diff --git a/packages/nocodb/src/plugins/scaleway/ScalewayObjectStoragePlugin.ts b/packages/nocodb/src/plugins/scaleway/ScalewayObjectStoragePlugin.ts
new file mode 100644
index 0000000000..446f63a58d
--- /dev/null
+++ b/packages/nocodb/src/plugins/scaleway/ScalewayObjectStoragePlugin.ts
@@ -0,0 +1,43 @@
+import {IStorageAdapter, XcStoragePlugin} from "nc-plugin";
+import ScalewayObjectStorage from "./ScalewayObjectStorage";
+
+
+class ScalewayObjectStoragePlugin extends XcStoragePlugin {
+
+  private static storageAdapter: ScalewayObjectStorage;
+
+  public  getAdapter(): IStorageAdapter {
+    return ScalewayObjectStoragePlugin.storageAdapter;
+  }
+
+  public async init(config: any): Promise<any> {
+    ScalewayObjectStoragePlugin.storageAdapter = new ScalewayObjectStorage(config);
+    await ScalewayObjectStoragePlugin.storageAdapter.init();
+  }
+
+}
+
+export default ScalewayObjectStoragePlugin;
+
+
+/**
+ * @copyright Copyright (c) 2021, Bhanu P Chaudhary <bhanu423@gmail.com>
+ *
+ * @author Bhanu P Chaudhary <bhanu423@gmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
\ No newline at end of file
diff --git a/packages/nocodb/src/plugins/scaleway/index.ts b/packages/nocodb/src/plugins/scaleway/index.ts
new file mode 100644
index 0000000000..f99689e9b8
--- /dev/null
+++ b/packages/nocodb/src/plugins/scaleway/index.ts
@@ -0,0 +1,80 @@
+import {XcPluginConfig} from "nc-plugin";
+import ScalewayObjectStoragePlugin from "./ScalewayObjectStoragePlugin";
+import {XcActionType, XcType} from "nc-common";
+
+const config: XcPluginConfig = {
+  builder: ScalewayObjectStoragePlugin,
+  title: 'Scaleway Object Storage',
+  version: '0.0.1',
+  logo: 'plugins/scaleway.png',
+  tags: 'Storage',
+  description: 'S3-compatible Scaleway Object Storage makes it easy and more affordable to store and access data on Scaleway Cloud Platform infrastructure. The service also gives a 75GB free storage and external outgoing transfer on Object Storage every month',
+  inputs: {
+    title: 'Configure Scaleway Object Storage',
+    items: [{
+      key: 'bucket',
+      label: 'Bucket Name',
+      placeholder: 'Bucket Name',
+      type: XcType.SingleLineText,
+      required: true
+    }, {
+      key: 'region',
+      label: 'Region',
+      placeholder: 'Region',
+      type: XcType.SingleLineText,
+      required: true
+    }, {
+      key: 'access_key',
+      label: 'Access Key',
+      placeholder: 'Access Key',
+      type: XcType.SingleLineText,
+      required: true
+    }, {
+      key: 'access_secret',
+      label: 'Access Secret',
+      placeholder: 'Access Secret',
+      type: XcType.Password,
+      required: true
+    },],
+    actions: [{
+      label: 'Test',
+      placeholder: 'Test',
+      key: 'test',
+      actionType: XcActionType.TEST,
+      type: XcType.Button
+    }, {
+      label: 'Save',
+      placeholder: 'Save',
+      key: 'save',
+      actionType: XcActionType.SUBMIT,
+      type: XcType.Button
+    },],
+    msgOnInstall: 'Successfully installed and attachment will be stored in Scaleway Object Storage',
+    msgOnUninstall: '',
+  },
+  category: 'Storage',
+}
+
+export default config;
+
+/**
+ * @copyright Copyright (c) 2021, Bhanu P Chaudhary <bhanu423@gmail.com>
+ *
+ * @author Bhanu P Chaudhary <bhanu423@gmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
\ No newline at end of file