Feature/search emoji

[dorlugasigal]

Description

I use Gitmoji everyday, and everytime I need to find the best emoji by a key word
I've added a search box to match the results that shown in the list

Demo

Tests

tests passed, but I've added a useContext store and I'm not sure how to test it

[dorlugasigal]

i fixed a bug : on load there were no emojis

[vhoyer]

related to #405

[vhoyer]

there we have the search feature again :D @johannchopin

well, while the number of emojis is small, every time I use the site, I always do a ctrl+f on it, I think we could really benefit from having, not only the name-matching search, but also a related-match result, for exemple, when you search for "style" we could show 💄 💫 and 📱, just another thought :D

[dorlugasigal]

there we have the search feature again :D @johannchopin

well, while the number of emojis is small, every time I use the site, I always do a ctrl+f on it, I think we could really benefit from having, not only the name-matching search, but also a related-match result, for exemple, when you search for "style" we could show 💄 💫 and 📱, just another thought :D

That is similar to what I've implemented,
I made the search corresponding to the text of the icon, or the description.
In order to add what you suggest, we should add a "tag" property (or something) on each emoji. Right now I'm not sure how to categorize each one

[vhoyer]

there we have the search feature again :D @johannchopin
well, while the number of emojis is small, every time I use the site, I always do a ctrl+f on it, I think we could really benefit from having, not only the name-matching search, but also a related-match result, for exemple, when you search for "style" we could show lipstick dizzy and iphone, just another thought :D

That is similar to what I've implemented,
I made the search corresponding to the text of the icon, or the description.
In order to add what you suggest, we should add a "tag" property (or something) on each emoji. Right now I'm not sure how to categorize each one

Yeah, I would only not use the main gitmoji.json file for it, cuz it's information that not everyone will need (mainly this site).

[dorlugasigal]

there we have the search feature again :D @johannchopin
well, while the number of emojis is small, every time I use the site, I always do a ctrl+f on it, I think we could really benefit from having, not only the name-matching search, but also a related-match result, for exemple, when you search for "style" we could show lipstick dizzy and iphone, just another thought :D

That is similar to what I've implemented,
I made the search corresponding to the text of the icon, or the description.
In order to add what you suggest, we should add a "tag" property (or something) on each emoji. Right now I'm not sure how to categorize each one

Yeah, I would only not use the main gitmoji.json file for it, cuz it's information that not everyone will need (mainly this site).

so another separate file just for categorizing adding additional tags?
i think that would be a bit too much to maintain..
in my opinion maybe adding a property to each emoji would be a better solution..

with or without the tags prop, the current search feature is enough (for me)

[johannchopin]

Really love this implementation shown in the gif. But there is 'only' 67 gitmojis. In most case I just scroll 1secs and find it. Writting the word will cost me more time I thing 😅. Moreover 80% of the users already have an idea for the emojis they search (since they already read all the gitmojis at least once).

[vhoyer]

Really love this implementation shown in the gif. But there is 'only' 67 gitmojis. In most case I just scroll 1secs and find it. Writting the word will cost me more time I thing . Moreover 80% of the users already have an idea for the emojis they search (since they already read all the gitmojis at least once).

Well, we also have to think about the other 20%, :D

[KaKi87]

I think Ctrl + F is enough.

[carloscuesta]

We can try to implement this but not on the header IMHO this should be placed on a "Toolbar" just below the header

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/carloscuesta/gitmoji/c4olryozs
✅ Preview: https://gitmoji-git-fork-dorlugasigal-feature-search-emoji.carloscuesta.vercel.app