• JavaScript 93.6%
  • SCSS 5.7%
  • EJS 0.7%
Find a file
2021-11-28 04:57:04 -05:00
docs change dist to docs to support GitHub Pages 2021-11-28 04:21:34 -05:00
src let size of small emoji on details be same as user preferred size 2021-11-27 22:33:20 -05:00
.eslintrc.js change javascript lint rule to single quotes 2021-11-27 21:03:06 -05:00
.gitignore build and document 2021-11-28 04:18:51 -05:00
.sass-lint.yml delinting sass 2021-11-27 20:59:10 -05:00
babel.config.js change javascript lint rule to single quotes 2021-11-27 21:03:06 -05:00
LICENSE.md Initial commit 2021-11-04 22:58:13 -04:00
package-lock.json wire up linting 2021-11-27 20:15:10 -05:00
package.json build and document 2021-11-28 04:18:51 -05:00
README.md demo link tld 2021-11-28 04:38:34 -05:00
screenshot.png change screenshot aspect ratio 2021-11-28 04:57:04 -05:00
webpack.config.js change dist to docs to support GitHub Pages 2021-11-28 04:21:34 -05:00

emoji-ui

A small demo app that lets you search for various emoji available from the npm package @lewismoten/emoji

Screenshot

Features

  • Toggle theme between light, dark, and high contrast.
  • Toggle the emoji size displayed
  • Search emoji by name
  • Change view to shot just the emoji, buttons with the emoji names, or full detailed list including name, title, unicode codepoints with ES6 encoding.
  • Select an emoji to view detailed information about it.

Development

Just run npm start. The script will build the code, start up a local webserver, and display the site in your browser.

Demo

Everything needed to setup as a static website can be found in the dist folder, starting with index.html.

An interactive demonstration of the dist folder is also hosted on GitHub pages.

https://lewismoten.github.io/emoji-ui/

Technology Stack

This is a small project of me playing around with different technologies to stay up to date with the latest tech. The stack includes webpack, babel, react, redux, and rsuite.