I learned some React in a week and made an emoji-searcher tool 😀🎉👏

Hi everyone!

About a week ago I posted about a CRM tool that I made with React after learning the framework for 24 hours. The final app turned out to be pretty cool and I got tons of feedback and compliments from you all. 🙏

But this time I wanted to step it up. 💪

I've been learning ReactJS for about a week now and learned concepts such as:

• Components
• Hooks
• State Management
• Styling
• Optimization (kinda 😅)

So this is the final product after a week's worth of practicing.

How did it turn out?

I was looking online for some React project ideas that I can try out on my own. I stumbled across an emoji search-up tool that I thought looked pretty cool.

Fast forward a few days, I finished the design and functionality of the app.

📕 Github Repository: https://github.com/BraydenTW/react-emoji-search

💻 Live Demo: https://braydentw.github.io/react-emoji-search

A ⭐ on the repository is **very much* appreciated. Thanks :D*

---

Any feedback or ideas for what I should try next would be awesome.

Thanks again!

Comments

[yon1nja]

You should implement toLowerCase function on the search term because upper case search won’t bring back results

[Brayden W ⚡️]

Yep, I’m pushing those changes soon. :P

[Debojyoti Chakraborty]

Very nice bro love to fork it and do some more changes.

[Brayden W ⚡️]

Cool thanks! Very helpful :D

[Brayden W ⚡️]

Feel free to. I just marked it as an eligible Hacktoberfest repo :D

[Debojyoti Chakraborty]

Great love to collaborate

[Brayden W ⚡️]

Cool, thanks :D

[acm1812]

Congrats on learning react! Looks good

[Brayden W ⚡️]

Thanks :D

[stephen]

Nice, design looks also great. Also do you use framework or just React?

[Brayden W ⚡️]

Just React :D

[Patrick Ahmetovic]

Nice work - I really dig it!

[Brayden W ⚡️]

Thanks :D

I hope to get some useful feedback and contributions. (It is a hacktoberfest repo as of now :P)

[ZDev1Official]

Nice!
I'll learn react!
It looks interesting!

[Brayden W ⚡️]

Thanks, I've been learning the fundamentals in the past week and it has made web apps so much easier.

[Jordan Taylor]

Nice! good application!

[Brayden W ⚡️]

Thanks :D

[Akash Singh]

How to implement click to copy

[Brayden W ⚡️]

I just used the onClick event on the item component and then used the Clipboard npm library.

[scroung720]

Nice stuff. Keep it up and congratz.

[Brayden W ⚡️]

Thanks :D

[Jane Tracy 👩🏽‍💻]

Looks amazing. Love the ux part of it.

[Brayden W ⚡️]

Thanks :)