It took about 3 months to get the first version of Badge List up and running. It's been about 2 months since then and in the intervening time the app has gotten a lot more polish but looks mostly the same as it did upon initial release.
The Bootstrap Framework has been tremendously beneficial. All of the included components and styles are extremely useful as a starting point, though I've tweaked / overwritten most of the defaults at this point. Badge List is still using Bootstrap 2, the final release of Bootstrap 3 came out just after I started developing.
The rest of the design work was done myself, which is why everything is pretty basic (I'm not a professional designer) and text-focused (making graphics is not my specialty). I should also mention the Font Awesome project (http://fortawesome.github.io/Font-Awesome/), Badge List uses their icons throughout the site. Having a good vector-based icon library has been incredibly helpful.
The Bootstrap Framework has been tremendously beneficial. All of the included components and styles are extremely useful as a starting point, though I've tweaked / overwritten most of the defaults at this point. Badge List is still using Bootstrap 2, the final release of Bootstrap 3 came out just after I started developing.
The rest of the design work was done myself, which is why everything is pretty basic (I'm not a professional designer) and text-focused (making graphics is not my specialty). I should also mention the Font Awesome project (http://fortawesome.github.io/Font-Awesome/), Badge List uses their icons throughout the site. Having a good vector-based icon library has been incredibly helpful.
Screenshots of Badge List
Badge List Home & Tuturial Modal
Viewing a Learning Group
Creating a New Badge
Badge Views
Viewing a Progress Log
Responsive Design Example
Viewing a progress Log Post at multiple screen sizes.
