/xv

xkcd.com viwer app, done in pure JavaScript, CSS and Webpack

Primary LanguageJavaScriptMIT LicenseMIT

xv Netlify Status

Simple xkcd comics viwer, done in pure JavaScript, CSS and Webpack.

Check it on icmx-xv.netlify.app!

Features

  • Pure modern JavaScript and CSS, no frameworks or external dependencies used
  • Classic navigation experience as in original site (Random button included)
  • Keyboard navigation: use arrow keys, hold Shift for first/last, R for random
  • Routing: try /#303 e.g.
  • Transcript for about 1600 first comics, with parsing!
  • Mobile-first and desktop layouts
  • Light and Dark modes without flashing on refresh — works with images too!
  • Caching service worker

How it looks like?

Animated demo of xv

Development

# clone repository
git clone https://github.com/icmx/xv

# go to local copy
cd xv

# install dependencies
npm install

# launch it on localhost:8000
npm run serve

# build it
npm run build

License

MIT.

Original comics are made by Randall Munroe at xkcd.com.

Awesome icons set made by Atisa at boxicons.com.