eric-lobdell/emoji-gram

React app that takes input and renders emoji letter art

emoji-gram's Issues

Allow Numbers & Special Characters

The input field is currently limited to letters only. The library now includes numbers and some special characters.

Feature Request: Font Switcher

Buttons that toggle two different art libraries: "serifs" and "sans serifs"

Type a word
Pick a left side emoji
Pick a right side emoji
Press [A button] and the art would switch to using the Sans-Serif (here).
The currently selected font would change in opacity to reflect a "selected" state.

iOS keyboard displays when emoji textarea is focused

Cannot find a way to disable keyboard.

1. type "test"
2. press [SELECT EMOJI] button
3. textarea is selected and iOS keyboard is displayed.

Tap To Select Not Working (on iPhone)

http://www.lobdell.me/emoji-gram
-- Test from mobile safari / mobile chrome. The button doesn't actually make a selection of the text.

1. open /ohno3/ on mobile web browser
2. type "test"
3. press [select text] button
4. nothing happens.

Set Default emoji to ❄️ / ❤️

Background ❄️
Letter ❤️

Set Max Width for Desktop

Web app is too wide on desktop. Set a max width for improved usability.

Scroll Zones too small

The width of the emoji carousel-selectors is too narrow.

Android specific emoji list

Emoji on android aren't all mono-width, causing some art to render poorly. Need to detect which browser is being used, and serve a different emoji list for android browsers.

AI: create a short list of Android friendly emoji
AI: create function to determine which browser is being used and serve appropriate emoji list.

Feature Request: Swap Emoji Button

A button that flips the background / foreground emoji that are currently selected. This would also reposition the scrollers.

1. Type a word
2. Pick a left side emoji
3. Pick a right side emoji
4. Press [flip] and right side becomes left side / left side becomes right side

Select Button Won't Display

After packaging, the copy button isn't being revealed.

Top -- intended design.
Bottom -- current packaged code missing .footer div

Resolve Copy Paste Issue

When you copy the emoji art and then paste it into messenger, you get a result like this:

❄️❄️❄️❄️❄️❄️❄️❄️
/react-text react-text: 190 ❤️❤️❤️❤️❤️❤️❤️❤️
❤️❤️❄️❤️❤️❄️❤️❤️
❤️❄️❄️❤️❤️❄️❄️❤️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❤️❤️❤️❤️❄️❄️
❄️❄️❄️❄️❄️❄️❄️❄️
/react-text react-text: 191 ❤️❤️❤️❤️❤️❤️❤️❄️
❄️❤️❤️❄️❄️❤️❤️❄️
❄️❤️❤️❄️❄️❄️❄️❄️
❄️❤️❤️❤️❤️❤️❄️❄️
❄️❤️❤️❄️❄️❄️❄️❄️
❄️❤️❤️❄️❄️❤️❤️❄️
❤️❤️❤️❤️❤️❤️❤️❄️
❄️❄️❄️❄️❄️❄️❄️❄️
/react-text react-text: 192 ❄️❄️❤️❤️❤️❤️❤️❄️
❄️❤️❤️❄️❄️❤️❤️❄️
❄️❤️❤️❤️❄️❄️❄️❄️
❄️❄️❤️❤️❤️❤️❄️❄️
❄️❄️❄️❄️❤️❤️❤️❄️
❄️❤️❤️❄️❄️❤️❤️❄️
❄️❤️❤️❤️❤️❤️❄️❄️
❄️❄️❄️❄️❄️❄️❄️❄️
/react-text react-text: 193 ❤️❤️❤️❤️❤️❤️❤️❤️
❤️❤️❄️❤️❤️❄️❤️❤️
❤️❄️❄️❤️❤️❄️❄️❤️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❤️❤️❤️❤️❄️❄️
❄️❄️❄️❄️❄️❄️❄️❄️

Update Core to latest "emojiart"

We used an old repo of EmojiArt. Need to update / merge with current master, here:
https://github.com/michaeldick/emojiart

Feature Request: Phrase Recognition

If you type pre-defined phrases, the art will swap the original defaults to a specific pair of emoji.

example: "Happy Birthday" = 🎉/🍰

It would be nice to be able to add phrases to a 'dictionary' .json file and add their emoji pair as the 'definition' or something.

Remove: Clear Text Field Hint

The black arrow-box that tells you what X does should be removed. I hacked it out here: www.lobdell.me/ohno2 -- so you can see the intended behavior.

Backgrounding web app clears state

When you background emoji-gram it forces a reload when you re-open it causing emoji selections and phrase to be cleared.

1. Type a phrase
2. Change emoji selections
3. Select and copy art
4. Leave emoji-gran
5. Paste art into messenger
6. Return to emoji-gram
7. Web app reloads and clears phrase and emoji selections.

Scrollers Inaccurately Displaying Emoji Selection

When you roll through the emoji too fast, the one displayed at the bottom of the screen is not the one reflected in the actual art. Sometimes the "selected" emoji is off screen even.