Skip to content

Roboe/pangrama

Repository files navigation

Pangram Checker

Pangram Checker helps you produce pristine new pangrams — or check whether a pangram is valid. A pangram is "a sentence using every letter of a given alphabet at least once" (Wikipedia). Type the alphabet of a language and start giving shape to your pangrams.

Quick links:

  • Start writing a pangram in Spanish: with or without diacritics.
  • Start writing a pangram in Catalan: with or without diacritics.
  • Start writing a pangram in English.

Read here some pangrams made with this tool!

Technology & Design

The web app is built with React using functional components and hooks. Styles are written in plain CSS, taking advantage of the flexbox layout mode and following the BEM methodology. Visual design mostly follows the original Material Design guidelines. Create React App handles the tooling: Autoprefixer adds CSS vendor prefixes, Babel transpiles next-gen JavaScript, and Webpack is the module bundler. GitLab CI builds the project and automatically deploys the outcome to GitLab Pages.

Motivation

I discovered that well-known sentences like "The quick brown fox jumps over the lazy dog" were called pangrams back in 2015. As a linguistics-inclined person, I totally loved them and was curious about making some — just for fun. I created some by hand and it was harder than expected. Then I started the project as an oportunity to play with the unidirectional data flow of React I started to know at h4ckademy.

Acknowledgements

@soyguijarro's React recap encouraged me to restart the project in 2017, this time with Create React App.

Lenguaraces people made my day by testing this web app and producing some hilarious Spanish pangrams in April 2017. See some of them below.

@alvaro-cuesta implemented a more efficient compression algorithm for sharing URLs, including testing, and improved the feature overall, all with a very empathetic attitude that shows how generous he is.

Thank you!

Copying

This repository follows the REUSE specification, so each file has a copyright header or is listed in the DEP-5 file, and the full text of each license is available in the LICENSES folder.

Said so, source code files in this repo are generaly under the GPLv3+ license.