https://github.com/akashrajpurohit/github-emojis

🔍 Search shortcodes of emojis supported by Github
https://github.com/akashrajpurohit/github-emojis

chakra-ui github-emoji github-emojis-cheatsheet github-emojis-search nextjs typescript

Last synced: about 1 year ago
JSON representation

🔍 Search shortcodes of emojis supported by Github

• Host: GitHub
• URL: https://github.com/akashrajpurohit/github-emojis
• Owner: AkashRajpurohit
• License: mit
• Created: 2020-10-09T11:28:33.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2025-03-27T13:56:16.000Z (about 1 year ago)
• Last Synced: 2025-03-31T11:36:40.113Z (about 1 year ago)
• Topics: chakra-ui, github-emoji, github-emojis-cheatsheet, github-emojis-search, nextjs, typescript
• Language: TypeScript
• Homepage: https://github-emojis.vercel.app
• Size: 596 KB
• Stars: 16
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

  


  Github Emojis





  

  

  

  

  

  

  

  

    

  



---

## Motivation 💪

I often use emojis in my github commit messages, and only very few of them (because I usually forget the names), now there are many awesome gists which provide an entire list of all emojis supported by Github like [rxaviers](https://gist.github.com/rxaviers/7360908) and [roachhd](https://gist.github.com/roachhd/1f029bd4b50b8a524f3c) etc.

However as it loads the entire emoji list right of the bat, it takes up too much time to load the page and not really easy to search while loading, so I thought of creating a small project to solve this problem that I was facing.

## Tech Stack 💻

* [Next.js](https://nextjs.org/)

* [Chakra UI](https://chakra-ui.com/)

* [Typescript](https://www.typescriptlang.org/)

* [FaunaDB](https://fauna.com/)

* [Vercel For Deployment](https://vercel.com)

## Features ✨

* Lazy Loading Emojis from [Github Emoji API](https://developer.github.com/v3/emojis/) using [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) :grimacing:

* Search Feature with debounce :incoming_envelope:

* Current architecture makes use of [Incremental Static Regeneration](https://nextjs.org/docs/basic-features/data-fetching#incremental-static-regeneration) to serve data as soon as possible and revalidate the stale data to avoid getting Rate Limited by Github :rocket:

* Dark / Light theme switcher :yin_yang:

* Minimalistic and smooth UI :atom_symbol:

* PWA Enabled :zap:

## Bugs or Requests 🐛

If you encounter any problems feel free to open an [issue](https://github.com/AkashRajpurohit/github-emojis/issues/new?template=bug_report.md). If you feel the project is missing a feature, please raise a [ticket](https://github.com/AkashRajpurohit/github-emojis/issues/new?template=feature_request.md) on GitHub and I'll look into it. Pull request are also welcome.

## Where to find me? 👀

[![Website Badge](https://img.shields.io/badge/-akashrajpurohit.com-3b5998?logo=google-chrome&logoColor=white)](https://akashrajpurohit.com/)

[![Twitter Badge](https://img.shields.io/badge/-@akashwhocodes-00acee?logo=Twitter&logoColor=white)](https://twitter.com/AkashWhoCodes)

[![Linkedin Badge](https://img.shields.io/badge/-@AkashRajpurohit-0e76a8?logo=Linkedin&logoColor=white)](https://linkedin.com/in/AkashRajpurohit)

[![Instagram Badge](https://img.shields.io/badge/-@akashwho.codes-e4405f?logo=Instagram&logoColor=white)](https://instagram.com/akashwho.codes/)

[![Telegram Badge](https://img.shields.io/badge/-@AkashRajpurohit-0088cc?logo=Telegram&logoColor=white)](https://t.me/AkashRajpurohit)