feat(devcontainer): Adds Dev Container configuration (#1393)

.devcontainer/devcontainer.json

@@ -0,0 +1,34 @@
+{
+    "name": "IT-Tools Dev Container",
+    "image": "mcr.microsoft.com/devcontainers/javascript-node",
+    "customizations": {
+        "vscode": {
+            "extensions": [
+                "Vue.volar",
+                "dbaeumer.vscode-eslint",
+                "Lokalise.i18n-ally",
+                "eamodio.gitlens"
+            ],
+            "settings": {
+                "editor.formatOnSave": false,
+                "editor.codeActionsOnSave": {
+                    "source.fixAll.eslint": true
+                },
+                "i18n-ally.localesPaths": [
+                    "locales",
+                    "src/tools/*/locales"
+                ],
+                "i18n-ally.keystyle": "nested"
+            }
+        }
+    },
+    "postCreateCommand": "sudo cp .devcontainer/welcome.txt /usr/local/etc/vscode-dev-containers/first-run-notice.txt",
+    "postStartCommand": "npm install -g pnpm && pnpm install",
+    "forwardPorts": [5173],
+    "portsAttributes": {
+        "5173": {
+            "label": "Vite App - IT-Tools",
+            "onAutoForward": "notify"
+        }
+    }
+}

.devcontainer/welcome.txt

@@ -0,0 +1,7 @@
+Welcome to the IT-Tools Dev Container! 💻
+
+To get started, enter `pnpm dev` on the terminal to run the app locally.
+
+Head over to the ./README.md file to know more.
+
+Happy coding! :)

README.md

@@ -4,6 +4,8 @@
     <img src="./.github/logo-dark.png" alt="logo">
 </picture>
 
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/CorentinTh/it-tools)
+
 Useful tools for developer and people working in IT. [Have a look !](https://it-tools.tech).
 
 ## Sponsors