Mini dev projects 1.0

A collection of personal projects that I designed and developed.

Overview

The following projects are the required projects for the Front-end Development Certificate from FreeCodeCamp that I completed in June, 2017. FreeCodeCamp is the largest open source online community in the world teaching people how to code. The front-end curriculum covers HTML, CSS, Javascript/jQuery/Ajax, as well as practical development techniques, such as using web APIs and applying common dev frameworks/libraries (e.g. bootstrap).

Time

04/2017 – 06/2018

Role

Design and development (HTML, CSS, Javascript, jQuery, Ajax)

Simon game (Live)
User stories:
  • Users can play a game of Simon.
  • Users can play in strict mode where if they get a button press wrong, it notifies them that they have done so, and the game restarts at a new random series of button presses.
  • Users can win the game by getting a series of 20 steps correct. They are notified of their victory, then the game starts over.
Technology:
Tic Tac Toe (Live)
User stories:
  • Users can play a game of Tic Tac Toe with the computer.
  • The game will reset as soon as it’s over so users can play again.
  • Users can choose whether they want to play as X or O.
Technology:
Pomodoro clock (Live)
User stories:
  • Users can start a 25 minute pomodoro, and the timer will go off once 25 minutes has elapsed.
  • Users can reset the clock for my next pomodoro.
  • Users can customize the length of each pomodoro.
Technology:
Calculator (Live)
User stories:
  • Users can add, subtract, multiply and divide two numbers.
  • Users can clear the input field with a clear button.
  • Users can keep chaining mathematical operations together until they hit the equal button, and the calculator will tell them the correct output.
Technology:
Design quote generator (Live)
User stories:
  • Users can click a button to show me a new random quote.
  • Users can press a button to tweet out a quote.
Technology:
Weather app (Live)
User stories:
  • Users can see the weather in their current location.
  • Users can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
  • Users can push a button to toggle between Fahrenheit and Celsius.
Wiki viewer (Live)
User stories:
  • Users 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.
Technology:
Twitch channels (Live)
User stories:
  • Users can see whether Free Code Camp is currently streaming on Twitch.tv.
  • Users can click the status output and be sent directly to the Free Code Camp’s Twitch.tv channel.
  • If a Twitch user is currently streaming, users can see additional details about what they are streaming.
  • Users will see a placeholder notification if a streamer has closed their Twitch account (or the account never existed).
KT film library (Live)
User stories:
  • Users can see a collection of movies. Each movie contains related info, such as title, runtime, year released, tagline, genre, description and trailer.
  • Users can filter on movies by genre.
  • Users can sort movies by title, runtime and release time.