/random-quote-machine

Display famous quotes and can be used as a screensaver - built with Preact

Primary LanguageJavaScript

101 Famous Quotes

Modernized for 2021 😊

Project link:

http://peaceful-name.surge.sh

Tech stack:

Built with Preact

For development, start up the local server:

python -m SimpleHTTPServer

Voilà! 🎉

alt text

and

alt text

What it does:

  • Displays a quote sourced from this JSON link

  • Displays a wallpaper provided by picsum

  • Screensaver mode automatically renders the next image and quote at 30 second intervals

Misc:

  • Responsive
  • Optimized - Mobile clients load a smaller sized wallpaper.
  • BEM methodolgy (CSS class naming convention)
  • Preact Hooks