Hporutiu readme updates to node.js stickies CSV app

CONTRIBUTING.md

@@ -102,6 +102,9 @@ Now that you are part of the Miro community, make sure to join us in our [Discor
 
 ## Contributing to App Examples
 
+<b>Please look at [README.template.md](https://github.com/miroapp/app-examples/README.template.md)<b> for an example of
+how your README should look in order to contribute to App Examples.
+
 If you want to add an app into our [App Examples folder](https://github.com/miroapp/app-examples/tree/main/examples) please
 <b>make sure the README it follows the same structure as our other app examples</b>. You can take a look at [Drag and Drop
 README](https://github.com/miroapp/app-examples/tree/main/examples/drag-and-drop) for example. In order for your app

README.template.md

@@ -0,0 +1,95 @@
+# Miro Example App
+
+<b>Use this template to contribute to Miro's App Examples!</b>
+
+This app shows how to use a certain Miro SDK or API functionality to accomplish a certain task.
+
+# 👨🏻‍💻 App Demo
+
+<b>Insert app demo here.</b>
+
+# 📒 Table of Contents
+
+- [Included Features](#features)
+- [Tools and Technologies](#tools)
+- [Prerequisites](#prerequisites)
+- [Associated Developer Tutorial](#tutorial)
+- [Run the app locally](#run)
+- [Folder Structure](#folder)
+- [Contributing](#contributing)
+- [License](#license)
+
+# ⚙️ Included Features <a name="features"></a>
+
+- [Miro Web SDK](https://developers.miro.com/docs/web-sdk-reference)
+  > Insert SDK methods here which your project uses
+
+# 🛠️ Tools and Technologies <a name="tools"></a>
+
+> Insert tools and technologies here which your project uses and link to them.
+
+# ✅ Prerequisites <a name="prerequisites"></a>
+
+- You have a [Miro account](https://miro.com/signup/).
+- You're [signed in to Miro](https://miro.com/login/).
+- Your Miro account has a [Developer team](https://developers.miro.com/docs/create-a-developer-team).
+- Your development environment includes [Node.js 14.13](https://nodejs.org/en/download) or a later version.
+- All examples use `npm` as a package manager and `npx` as a package runner.
+
+> Add any other prerequisites here!
+
+# 🏃🏽‍♂️ Run the app locally <a name="run"></a>
+
+> <b>Add steps to run the app locally. Try to make them as similar as possible to other example apps for consistency.</b>
+
+1. Run `npm install` to install dependencies.
+2. Run `npm start` to start developing. \
+   Your URL should be similar to this example:
+   ```
+   http://localhost:3000
+   ```
+3. Open the [app manifest editor](https://developers.miro.com/docs/manually-create-an-app#step-2-configure-your-app-in-miro) by clicking **Edit in Manifest**. \
+   In the app manifest editor, configure the app as follows:
+
+   - [`sdkUri`](https://developers.miro.com/docs/app-manifest#sdkuri): assign `http://localhost:3000` as a value for this property. \
+     It defines the entry point of the app, and it corresponds to the URL of the server that the app runs on.
+   - [`scopes`](https://developers.miro.com/docs/app-manifest#scopes): add the permission scopes that users need to grant the app when they install it. \
+     To enable the app to read from and write to the board, add the following permissions:
+     - `boards:read`
+     - `boards:write`
+
+4. Go back to your app home page, and under the `Permissions` section, you will see a blue button that says `Install app and get OAuth token`. Click that button. Then click on `Add` as shown in the video below. <b>In the video we install a different app, but the process is the same regardless of the app.</b>
+
+> ⚠️ We recommend to install your app on a [developer team](https://developers.miro.com/docs/create-a-developer-team) while you are developing or testing apps.⚠️
+
+https://github.com/miroapp/app-examples/assets/10428517/1e6862de-8617-46ef-b265-97ff1cbfe8bf
+
+5. Go to your developer team, and open your boards. <b>Refresh your browser</b>.
+6. Click on the plus icon from the bottom section of your left sidebar. If you hover over it, it will say `More apps`.
+7. Search for your app `Calendar` or whatever you chose to name it. Click on your app to use it, as shown in the video below. <b>In the video we search for a different app, but the process is the same regardless of the app.</b>
+
+https://github.com/horeaporutiu/app-examples-template/assets/10428517/b23d9c4c-e785-43f9-a72e-fa5d82c7b019
+
+# 🗂️ Folder structure <a name="folder"></a>
+
+<b>Explain your folder structure so a developer can quickly understand the layout of your code.</b>
+
+```
+.
+├── src
+│  └── styles
+│      └── style.css <-- CSS styles for the app.
+│  └── App.tsx <-- The main app. Contains structure for the sidebar when launched.
+│      main.tsx <-- Initializes app.
+│      useCalendar.ts <-- Functions to generate a calendar.
+├── app.html <-- The app itself. This is loaded on the board inside the 'appContainer'.
+└── index.html <-- The app entry point. This is the value you assign to 'sdkUri' in the app manifest file.
+```
+
+# 🫱🏻‍🫲🏽 Contributing <a name="contributing"></a>
+
+If you want to contribute to this example, or any other Miro Open Source project, please review [Miro's contributing guide](https://github.com/miroapp/app-examples/blob/main/CONTRIBUTING.md).
+
+# 🪪 License <a name="license"></a>
+
+[MIT License](https://github.com/miroapp/app-examples/blob/main/LICENSE).