Cool Dudes Wall

Fun side project that renders a page of cards about really cool people, using data gathered from people own Twitter profile. Each card shows an avatar, name, description and follower count. Hover the mouse on the avatar for a cool animation and click to open the person Twitter profile.

Live on my site at Cool Dudes Wall page.

Features

• responsive design, scales from desktop to mobile;
• two designs: with and without banner image (configurable);
• get live data from Twitter using Twitter 1.1 REST API;
• sort cards by follower count;
• caching of Twitter data;
• automatic banner caching, resizing and blurring;
• CSS animations (title drop in and avatar pop and rotation);
• accepts parameter for display a custom page preconfigured in the system;

Cache

Twitter data lookup is cached and refreshed once in an hour. Banner images are cached and post-processed when they change; they are checked at every page reload.

Visual Design

Shadows and colors borrowed by Google Material Design.

Installation

• Install apache httpd, PHP and ImageMagick
• Edit /etc/php.ini to tweak PHP execution parameters (like memory_limit = 128M, max_execution_time = 120)
• Create /usr/share/cooldudes.
• Copy source files from srcpath into /usr/share/cooldudes.
• Copy sample_configuration.ini to /usr/share/cooldudes/configuration.ini.
• Edit configuration.ini to specify your Twitter OAuth access tokens, consumer key and secret.
• Create /usr/share/cooldudes/cache and /usr/share/cooldudes/cache/remote.

Requirements

• yum install httpd
• yum install php
• yum install ImageMagick

Acknowledgments

• Image processing is done by ImageMagick.
• ImageMagick management and caching is based on phpimageresize script.
• Twitter API is managed by twitter-api-php
• Some CSS animations by Animate.css

Contact

http://bigatti.it
@mbigatti