Camper

Front End Development

• Tribute Page
• Personal Portfolio Webpage
• Survey Form
• Landing Page
• Random Quote Machine
• Local Weather App
• Technical Documentation Page
• Wikipedia Viewer
• Twitchtv JSON API
• JavaScript Calculator
• Markdown Previewer
• Pomodoro Clock
• Tic Tac Toe Game
• Drum Machine
• Simon Game

Details

Responsive Web Design Certification

Certificate

JavaScript Algorithms and Data Structures Certification

Certificate

Front End Libraries Certification

Certificate

Legacy Front End Development

Certificate

Development Projects

Tribute Page

Link

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.

Personal Portfolio Webpage

Link

User Stories

• I can access all of the portfolio webpage's content just by scrolling.
• I can click different buttons that will take me to the portfolio creator's different social media pages.
• I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders.)
• I navigate to different sections of the webpage by clicking buttons in the navigation.

Survey Form

Link

Landing Page

Link

Technical Documentation Page

Link

Random Quote Machine

Link

User Stories

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

Local Weather App

Link

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.

Wikipedia Viewer

Link

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.

Twitchtv JSON API

Link

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.
• I will see a placeholder notification if a streamer has closed their Twitch account (or the account never existed). You can verify this works by adding brunofin and comster404 to your array of Twitch streamers.

JavaScript Calculator

Link

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.

Markdown Previewer

Link

Pomodoro Clock

Link

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.

Tic Tac Toe Game

Link

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.

Drum Machine

Link

Simon Game

Link

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.