Gitmoji: Provide single page cheatsheet

[joaomoreno]

Hello @carloscuesta :sunglasses:!

It would be awesome to just hit ⌘P and get a single page cheatsheet!

[carloscuesta]

Hey @joaomoreno

This could be interesting to do with something like Gutenberg.

Currently we have an implementation of this but locally as a project task. See https://github.com/carloscuesta/gitmoji/pull/54.

Feel free to send a pull request!

[math2001]

I'm currently making a little app built with electron which is just a cheat sheet for theses conventions: math2001/gitmoji-cheat-sheet. It might interest you...

PS: it there is any credit that you want me to make more obvious/change, just let me know :slightly_smiling_face:

[carloscuesta]

Hey @math2001 thanks for the effort!

Actually there's something similar to this https://github.com/carloscuesta/gitmoji/issues/107

Don't know if you would like to merge projects and collaborate @meadowcottage

By the way this is not strictly related with this issue, let's try to not use this one!

[carhartl]

I was just looking for this. +1000

[arobida]

108

I made a cheat sheet but it would be nice if the updating was automated maybe a rss feed? Anyways here it is! Just copy every thing here or download the txt file I use this in a markdown editor called Bootsnote and can pull it up with a key shortcut copy the link paste and commit. I included the description of the gitmoji in mine so that in addition to a visual indicator you get the text too.
GitMojiGuide.txt

Gitmoji guide for commits

git commit -m ""

🎨

:art: Improving structure / format of the code.

⚡️

:zap: Improving performance.

🔥

:fire: Removing code or files.

🐛

:bug: Fixing a bug.

🚑

:ambulance: Critical hotfix.

✨

:sparkles: Introducing new features.

📝

:memo: Writing docs.

🚀

:rocket: Deploying stuff.

💄

:lipstick: Updating the UI and style files.

🎉

:tada: Initial commit.

✅

:white_check_mark: Adding tests.

🔒

:lock:Fixing security issues.

🍎

:apple:Fixing something on macOS.

🐧

:penguin: Fixing something on Linux.

🏁

:checkered_flag: Fixing something on Windows.

🤖

:robot: Fixing something on Android.

🍏

:green_apple: Fixing something on iOS.

🔖

:bookmark: Releasing / Version tags.

🚨

:rotating_light: Removing linter warnings.

🚧

:construction: Work in progress.

💚

:green_heart: Fixing CI Build.

⬇️

:arrow_down: Downgrading dependencies.

⬆️

:arrow_up: Upgrading dependencies.

👷

:construction_worker: Adding CI build system.

📈

:chart_with_upwards_trend: Adding analytics or tracking code.

🔨

:hammer: Refactoring code.

➖

:heavy_minus_sign: Removing a dependency.

🐳

:whale: Work about Docker.

➕

:heavy_plus_sign: Adding a dependency.

🔧

:wrench: Changing configuration files.

🌐

:globe_with_meridians: Internationalization and localization.

✏️

:pencil2: Fixing typos.

💩

:hankey: Writing bad code that needs to be improved.

⏪

:rewind: Reverting changes.

🔀

:twisted_rightwards_arrows: Merging branches.

📦

:package: Updating compiled files or packages.

👽

:alien: Updating code due to external API changes.

🚚

:truck: Moving or renaming files.

📄

:page_facing_up: Adding or updating license.

💥

:boom: Introducing breaking changes.

🍱

:bento: Adding or updating assets.

👌

:ok_hand: Updating code due to code review changes.

♿️

:wheelchair: Improving accessibility.

💡

:bulb: Documenting source code.

🍻

:beers: Writing code drunkenly.

💬

:speech_balloon: Updating text and literals.

🗃

:card_file_box: Performing database related changes.

🔊

:loud_sound: Adding logs.

🔇

:mute: Removing logs.

👥

:busts_in_silhouette: Add contributor(s).

🚸

:children_crossing: Improving user experience / usability.

Made with/by CarlosCuesta

😇 @Github 😈

[carloscuesta]

Hey @arobida,

The whole point would be to integrate the single page sheet generation from the website, in order to keep it updated and don't have to make anything complicated rather than exporting it as a PDF

[chinesedfan]

@joaomoreno You can check this, https://www.webpagefx.com/tools/emoji-cheat-sheet/. And of course, I think gitmoji is more cute. 😆

[johannchopin]

Looks interresting to use the popular react-pdf. Implementation don't seems too hard :+1:

[vhoyer]

Are we planning on doing it them?

[KaKi87]

What about using CSS @media print ?
https://developer.mozilla.org/en-US/docs/Web/CSS/@media

[johannchopin]

@KaKi87 Yes seems to be a better solution 👍

[johannchopin]

@KaKi87 do you want to implement it? 🚀

[KaKi87]

Well, honestly, I'm absolutely not familiar with React.JS, though I'm experienced with Vue.JS (and I've been told that those are somewhat similar ?) but I don't feel that using JS frameworks nor SCSS was necessary for this website that I would personally have created without these. So, I'm not very motivated 😅

[carloscuesta]

If anyone wants to take this, feel free to do it! Let's discuss about how we can implement something like this!