MzMahmud/react-add-in

Git the Gists

This is an outlook add-in which helps user to insert code snippets from a github user's public gists into their componse email. This is based on the Tutorial: Build a message compose Outlook add-in from Microsoft Learn. In the original article, the app was implemented in Vanilla JS, but this repository implements the add-in in React.

Development Setup

Prerequisites

• Install Node.js which includes Node Package Manager

Install dependencies

• Run the following command in the root directory.

  npm install
  

Test the add-in

• Run the following command in the root directory. When you run this command, the local web server starts.

  npm run dev-server
  

• Install manifest-gist-react.xml into My Add-ins > Custom Add-ins in Outlook.

• Click on the New Mail in Outlook and locate Git the Gists (Local) in the Add-ins tab. Click on it and select Insert gist. Configure the GitHub username and default gist from the '⚙️' icon. Note that the GitHub username you select must have some public gits. For testing, you can add my GitHub username, MzMahmud, which has some public gists.