Jennifer Bland header image
≡ Menu

Projects

Here is a sample of some of the projects that I have created. These projects showcase my experience with NodeJS, Angular, Backbone, Express, MongoDB and Twitter Bootstrap.

The best place to get tech news online today is Hacker News. The only problem is their UI looks very unappealing. Hacker Feed provides a cleaner, minimalistic UI for Hacker News. Bars next to each story show its rank. Pick your favorite authors to follow. Hacker Feed was built with NodeJS Express Server and AngularJS.

Live Preview

You can view this project live here.

Technologies

  • AngularJS
  • NodeJS
  • Express

Operation

Hacker Feed will provide a better way to view the front page stories on Hacker News. See how popular a story is by looking at the bar next to the story title. As stories are up voted and have comments, their popularity increases.

Do you have popular authors that you like to read on Hacker News? Then just follow them. Click the button next to the author name to add them to your personal following list. Then see only stories from authors that you have chosen to follow.

Create an account to store the list of your favorite authors. Sign in anytime to see updates.

Screenshots

Login screen to Shortly
hacker feed home page

Showing Stories Only From People You Follow
hacker feed personal

URL shortner written in Angular, NodeJS, Express and Twitter Bootstrap with MongoDB database. The URL Shortner is served up using a Node Express server.

Live Preview

You can view this project live here.

Technologies

  • AngularJS
  • MongoDB
  • NodeJS
  • Express
  • Twitter Bootstrap

Operation

To shorten URL links you must first create an account. Once your account is created you can enter
your favorite URL and click `Shorten` button. A shortened version of the URL will be created for
you. All of the URLs that you have shorten are saved in a MongoDB database so you can easily
log back into your account at a later date to retrieve the shorten URL.

Open the game in your browser. Decide whether you want to hit or stand based on the cards you have
been dealt. Once the player stands, the dealer plays. The winner is the player closest to 21 without
going over.

Screenshots

Login screen to Shortly
Shortly login screen

List of URLs to be shortened
Enter URL to shorten

List of URLs that have been shorten
List of URLs that have been shortened

Fan Box is a fictional company that sells monthly subscription boxes that contain memorabilia for your favorite college or pro sports team. I created it to demonstrate many of the features found in AngularJS.

This shows how to use multiple views, factories, and routes.

Live Preview

You can view this project live here.

Technologies

  • AngularJS
  • NodeJS
  • Express
  • Twitter Bootstrap

Operation

Use the menu at the top of the screen to navigate around. Each menu link will open a different view based on routing.

Screenshots

Home screen for Fan Box
Fan box home page

How it Works Page
How it works page

Order Page
Order Page

Contact Page
Contact Page

My online version of the Blackjack card came implemented in CoffeeScript. Uses a NodesJS server on the back-end.

Live Preview

You can view this project live here.

Technologies

  • BackboneJS
  • CoffeeScript
  • NodeJS
  • Express
  • Twitter Bootstrap

Operation

Open the game in your browser. Decide whether you want to hit or stand based on the cards you have
been dealt. Once the player stands, the dealer plays. The winner is the player closest to 21 without
going over.

If you want to stand, just click the `stand` button.

To be dealt a new card, click the `hit` button.

After playing a hand, you can click the `New Game` button to try your luck again.

Screenshots

Blackjack game screenshot
blackjack game screenshot

MyTunes is an online music player similar to iTunes.

Live Preview

You can view this project live here.

Technologies

  • NodeJS
  • BackboneJS
  • Express
  • Twitter Bootstrap

Operation

Click on any song in the Library to play. This will automatically add the song to the Song Queue.
Add as many songs as you like to the Song Queue. Once a song finishes playing it will be
automatically removed from the Song Queue and the next song, if any, will be played.

Vote for your favorite songs by clicking the up vote button. If you don’t like a song then
click the down vote button. Every up vote adds one to the vote total and every down vote
subtracts one from the vote total.

Want to know what is the most played song? MyTunes will keep track of your songs play time and
will show the total times a song has been played.

Screenshots

MyTunes Screenshot
MyTunes Screenshot

Shortly Express is a URL shortner written using Node.JS.

Live Preview

You can view this project live here.

Technologies

  • NodeJS
  • Express
  • Twitter Bootstrap

Operation

First you must create an account. Accounts are stored in a sqlite database.

After creating your account, login. Enter your favorite URL to shorten. Click the shorten button. All URLs that have been shortened can be seen.

Screenshots

Shortly Express login screen
Shortly Express login screen

Enter URL to be shortened
Enter URL to be shortened

List of URLs that have been shortened
List of URLs that have been shortened