Mini Dev Projects

A collection of projects I designed and developed.

Overview

The following projects I did to improve my level of comfort and ability with JavaScript. The Twitch stream viewer, Wiki-viewer, and random-quote-generator were made as part of the ciriculum at Freecodecamp.

Time

September, 2017 - March, 2018

Role

  • Visual Design
  • Development (HTML, CSS, Javascript, jQuery, Ajax)

Virtual Pet

Project Screen Capture
ITEM NAME EFFECT
Strawberry +20 health
Burger +10 happiness
-10 health
Toy Cat +10 happiness
Rotate +10 happiness

User Stories

  • User can play virtual pet game.
  • The virtual pet can consume items which effect his health and happiness levels.
  • If the health or happiness hits zero or goes negative the virtual pet dies and the game restarts.

Sources


Twitch.TV API

User Stories

  • A user can see whether Freecodecamp is currently streaming on Twitch.tv.
  • If a Twitch user is currently streaming, user can see additional details about what they are streaming.
  • A user can click the status output and be sent directly to the streamer's Twitch.tv channel.

Sources

Random Quote Generator

User Stories

  • A user can click a button to show a new random quote.
  • User can press a button to tweet out a quote.

Wikipedia Viewer

User Stories

  • User can search Wikipedia entries in a search box and see the resulting Wikipedia entries.
  • Users can click a button to see a random Wikipedia entry.

Sources


Pokemon API

User Stories

  • User clicks on the Pokeball to release a random Pokemon.
  • The Pokeball shakes and upon its release the Pokemon sprite does a short animation.
  • The click event is cleared before a new click event can take place.

Sources