Description

These apps were made as assignments for free code camps front end certification, when I started free code camps courses/challenges, I already had experience coding in js/cs, so you will find that I chose to work with Angular (1.x and 4). These projects were challenging but from a design aspect, they weren't so complex that they called for a framework solution like angular. So in order to improve my skills I decided familiarize myself with the framework, as well as improve on SOLID principles/writing maintanable code. Enjoy!

Memory Game



User stories


  • I am presented with a random series of button presses
  • Each time I input a series of button presses correctly I see the same series of button presses but with an additional step.
  • I hear a sound that corresponds to each button both when the series of button presses plays and when I personally press a button.
  • If I press the wrong button I am notified that I have done so and that series of button presses starts again to remind me of the pattern so I can try again.
  • I can see how many steps are in the current series of button presses.
  • If I want to restart I can hit a button to do so and the game will return to a single step.
  • I can play in strict mode where if I get a button press wrong it notifies me that I have done so and the game restarts at a new random series of button presses.
  • I can win the game by getting a series of 20 steps correct. I am notified of my victory, then the game starts over.



Back To Contents


Tic-Tac-Toe



User stories


  • I can play a game of Tic Tac Toe with the computer.
  • My game will reset as soon as it's over so I can play again.
  • I can choose whether I want to play as X or O.



Back To Contents


Calculator



User stories


  • I can add, subtract, multiply and divide two numbers.
  • I can clear the input field with a clear button.
  • I can keep chaining mathematical operations together until I hit the equal button, and the calculator will tell me the correct output.



Back To Contents


Twitch.tv JSON API (Social Media Follower UI)



User stories


  • I can see whether Free Code Camp is currently streaming on Twitch.tv.
  • I 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, I can see additional details about what they are streaming.



Back To Contents


Pomodoro Clock



User stories


  • I can start a 25 minute pomodoro, and the timer will go off once 25 minutes has elapsed.
  • I can reset the clock for my next pomodoro.
  • I can customize the length of each pomodoro.



Back To Contents


Wikipedia Search



User stories


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



Back To Contents


Local Weather



User stories


  • I can see the weather in my current location.
  • I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
  • I can push a button to toggle between Fahrenheit and Celsius.



Back To Contents


Random Quote Generator



User stories


  • I can click a button to show me a new random quote.
  • I can press a button to tweet out a quote.



Back To Contents


Tribute Page



User stories


  • I can view a tribute page with an image and text.
  • I can click on a link that will take me to an external website with further information on the topic.



Back To Contents