Git Product home page Git Product logo

teamotes's Introduction

teamotes

All Contributors

Project Status

teamotes-v1 1 0

Your app to use emotes anywhere - simply point the app to a folder and click on one of the images. Download your free copy now!

Features

  • Copy any image to clipboard and paste it almost anywhere
  • Searching for emotes in app
  • Keyboard shortcuts
  • Variable Image sizes
  • Emote stats

Coming soon

  • Auto update and Codesigning
  • Quick access like macOS spotlight

Keyboard shortcuts

Search Shift + 7 or Ctrl/CMD + F

Selecting Emotes Using Tab or Shift + Tab to go reverse

Copy Emote Enter

Change Emote Size ArrowUp increases, ArrowDown decreases size

Demo

teamotes-v1 0 2-demo

Post emotes/images in Github, Twitter, Photo/Video editing software, Discord, Whatsapp, Telegram, your business presentation and many many more!

For more check the release history.

FAQ

Why is it called teamotes?

The app originally was meant for MS Teams, since they haven't added them since 2016.

Why can't I use gifs?

Due to current technical limitations, GIFs cannot be copied and pasted in places. We maybe working on a drag and drop feature to enable this.

Why do I get a warning when I start the app?

This app does not have code signing for macOS or windows yet. We'll soon add it to remove these warnings.

How do I update?

Currently you have to revisit the releases tab inside this repo, the app doesn't update itself. It will be added once the codesigning is in place.

For Developers

How to install

  1. Clone and npm install
git clone https://github.com/lostdesign/teamotes.git && cd teamotes
npm install

How to use

  1. Run the app
npm run dev
  1. Click on settings and select the directory of your emotes.
  2. Click on home and then on the emote to copy it.
  3. Paste the emote on a discord chat to use it โœจ

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Andr3wRiv3rs

๐Ÿ’ป ๐ŸŽจ ๐Ÿค”

wellรก

๐Ÿšง ๐Ÿ’ป ๐ŸŽจ ๐Ÿค”

Abdalla Arbab

๐Ÿ“–

Ahmed Massoud

๐Ÿ’ป ๐Ÿค”

This project follows the all-contributors specification. Contributions of any kind welcome!

teamotes's People

Contributors

ahmedwalid05 avatar allcontributors[bot] avatar andressweeneyrios avatar lostdesign avatar the94air avatar wheredidhugo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

teamotes's Issues

Improve first startup / navigation

On first start its currently not clear what to do. To fix this, we should rather show the Select a directory splash right on first start.

  • get nice undraw.co illustration

  • if no mediaPath has been set, display that image (basically currently replacing the "Loading" in Home.vue

Add keyboard navigation

Select images by navigating with they keyboard arrows and selecting them by pressing enter.

New name for the projects?

The scope no longer is just MS Teams chat, as it actually works in many other places - for that a new name should be considered.

Hard size limit

Especially during high periods of activity, chats with Teamotes users in them become unreadable very quickly thanks to 960+px images being constantly spammed one after another. Seems to be unique to discord that one user starts spamming these, another users sees they're getting away with it and joins in, suddenly chat is unusable for anyone else.

A hard limit on size would help control this spamming, perhaps down to 128px so the images coming out of Teamotes are more in line with slack/discord emoji sizes.

Fix static image mime type

Currently the image mime type is hardcoded to image/png but should rather be dynamic based on the file that got clicked on. Perhaps related to #9 as electrons api includes a get filetype method.

Check the following line:

const blob = this.b64ToBlob(buffer, 'image/png', 512)

See https://nodejs.org/api/fs.html for reference, there should be file.extension or something along those lines.

Copy dynamic sized emotes

It'd be nice if you could choose a size of the emote you want to copy, basically just 0.5x, 1x and 1.5x perhaps?

  • Research what's necessary to do in oder to get different sizings
  • implement three different sizing buttons

Add search input

Filter the emotes in the frontend based on an given input

  • add searchbar

  • add search functionality

  • add press / shortcut to focus on search input

Add auto updater

Add electron's autoUpdate mechanism or similar. The app should get updates automatically, without the need to redownload the app all the time.

Add a full-size preview facility

It would be nice if there was a way of previewing a full-size copy of an image. I sometimes have two very similar images with slightly different (and oh-so-funny $internet_points++) captions but it's quite hard to tell them apart at the moment. Being able to alt-click or whatever on an image to get a proper preview would be really useful.

"Loading content..." takes a lot of time

So recently I left my laptop on over the night and today morning when I unlock it I can see the app saying "Loading content..." and it doesn't seem to load any content so I've to restart the app. Also clicking settings icon and home icon again doesn't give results.

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.