Coder Social home page Coder Social logo

oss / shrunk-outlook-addin Goto Github PK

View Code? Open in Web Editor NEW
3.0 4.0 0.0 1.15 MB

Microsoft Outlook add-in for inserting shrunk tracking pixels to emails.

Home Page: https://go.rutgers.edu

License: MIT License

HTML 15.69% TypeScript 46.22% CSS 25.23% JavaScript 12.86%
outlook outlook-addin typescript

shrunk-outlook-addin's Introduction

Shrunk Outlook Add-in

shrunk-outlook-demo.mp4

Goal

To easily insert images (specifically tracking pixels) to an Outlook Email.

Features

  • Insert tracking pixels to your Outlook Email
  • Support for (an infinite?) number of tracking pixels
  • Automatically detect invisible tracking pixels as you draft your email
    • Undos, redos, re-ordering, deletions, etc. are all reflected onto the task pane
  • Quickly show the locations of your tracking pixels within your email body
  • Prevents multiple inserts of the same tracking pixel (even when you click thrice super fast!)

To Get Started

Prerequisites

  1. Node.js
  2. NPM

Steps

  1. Clone the repo git clone [email protected]:oss/Shrunk-Outlook-Add-In.git and cd into the project.
  2. Run npm install. Once installation is finished, run npm start.
  3. Navigate to https://outlook.office.com/mail/
  4. Open any email
  5. Under the subject, there will be a few icons. Click the square with four circles inside of it (Apps)
  6. Find the extension and click on it.
  7. Follow the instructions.

Click here for more information on side loading.

Important Information

Side-loading only works for Windows machines.

shrunk-dist-prod.zip and shrunk-dist-dev.zip are distribution builds of this project that are built on every new tag creation (new release version. see .github/workflows/ci.yml for more details). They differ in their manifest.xml files: when grabbing assets, the base URL either becomes go.rutgers.edu/outlook/assets or shrunk.rutgers.edu/outlook/assets, where shrunk.r.e is the test instance of go.rutgers.edu.

shrunk-outlook-addin's People

Contributors

anirvinv avatar kevinmonisit avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

shrunk-outlook-addin's Issues

Todo

  • Add instructions on how to create a tracking pixel.
    from Aaron: "We'll probably want to put a bit of an instruction write-up together into the text area, stuff like that."

  • Obtain Rutgers icon logos (consult to Brian)

  • Multiple inserts (of invisible pixels) would lead to redundant tracking counts. Need a way to mitigate that.

  • Figure out publishing

  • Adding Prettier

  • Thinking about user experience.... (remove button, user click multiple times, shrunk link detection to remind user which link they used, etc.)

  • Added automatic updates between tracking pixel list and updates to the body by checking for differences in previous state (undos work, re-ordering works, redos work, etc.). This is to let the user know if they accidentally deleted the tracking pixel.

  • Added ability to click on box to temporarily highlight the invisible tracking pixel.

  • Alias extraction for go.rutgers.edu and shrunk links

  • Added Feedback form link

    • Added fancy underline hover over animation
  • Make it look pretty

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.