diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json index f2315ead8..9ec8338c2 100644 --- a/.devcontainer/devcontainer.json +++ b/.devcontainer/devcontainer.json @@ -14,7 +14,12 @@ "openFiles": [ "src/App.js" ] - } + }, + "vscode": { + "extensions": [ + "vsls-contrib.codetour" + ] + } }, "portsAttributes": { "3000": { @@ -24,3 +29,4 @@ }, "forwardPorts": [3000] } + diff --git a/.vscode/launch.json b/.vscode/launch.json index 374d16e50..d3a726d6c 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -13,8 +13,8 @@ "start" ], "skipFiles": [ - "/**" + "/**" ] } ] -} \ No newline at end of file +} diff --git a/main.tour b/main.tour new file mode 100644 index 000000000..3b8ca79b0 --- /dev/null +++ b/main.tour @@ -0,0 +1,26 @@ +{ + "$schema": "https://aka.ms/codetour-schema", + "title": "Navigate your first Codespace", + "steps": [ + { + "file": "App.js", + "line": 2, + "description": "Hey! 👋 You've opened your first GitHub Codespaces template. This template is written in React. To get familiar with the code, we'll ask you to edit it! But don't worry, we'll give you directions each step of the way\n\nClick the `Next` link below to keep learning 👇" + }, + { + "file": "App.js", + "line": 9, + "description": "Our app says GitHub Codespaces loves React, but we know you love React, too! Update 9 line where it says `

GitHub Codespaces ♥️ React

` to say `

@Your_username_here ♥️ React

`!\n\nSave your changes and then click `Next` to move forward. ⬇️" + }, + { + "file": "App.css", + "line": 11, + "description": "Great job at updating the words on your web app. Now let's update the background colors for this app. On line 11, the color is current `#282c34`, which is the color code for dark grey. Let's update it to `purple`. \n\nDon't forget to press save and check your updated changes in the browser! 💜" + }, + { + "file": "App.js", + "line": 27, + "description": "Mission complete! You added code to you first GitHub Codespace. Feel free to continue expirementing!" + } + ] +}