Skip to content
Arrange a deck of cards to encode a secret message.
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit a32bfeb May 10, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
images
src
styles
test
.babelrc
.gitignore
LICENSE
README.md
package.json
postcss.config.js
webpack.config.js
yarn.lock

README.md

Codeck

Encode a string of text in the ordering of a deck of cards.

I've always thought it would be cool to use a deck of cards to encode a secret message. This was a fun side project and a great opportunity to explore new front-end technologies. The result is a small web app to do the transformation of text to and from an ordered deck of cards.

Technology Used

  • D3.js, a fantastic data visualization and animation library.
  • Service Worker API, so it works offline-first.
  • Web Application Manifest, so it can be installed like a native app and added to a device's home screen.
  • Responsive CSS Sprites to save on HTTP requests and bandwidth appropriate to the user agent's pixel density.
  • Webpack 2.0 so I can keep all my code in little files, put my above-the-fold CSS in the HTML <head> element, and webpack is just awesome in general.

Try it Online

https://www.ericp.co/codeck

Implementation

The encoding process is Deck -> Permutation -> Factoradic -> Decimal -> Base 37 -> Text

Fun reading:

You can’t perform that action at this time.