Skip to content

Instantly share code, notes, and snippets.

View cmac4603's full-sized avatar

Colin MacRae cmac4603

View GitHub Profile

Keybase proof

I hereby claim:

  • I am cmac4603 on github.
  • I am cmac4603 (https://keybase.io/cmac4603) on keybase.
  • I have a public key ASB7fqaO-gYGv2CsA-fQfwn5q-b4biSgFKXvZ9mG8yQFbAo

To claim this, I am signing this object:

@cmac4603
cmac4603 / fCC: Use the Twitchtv JSON API.markdown
Last active March 30, 2016 14:49
fCC: Use the Twitchtv JSON API

fCC: Use the Twitchtv JSON API

Objective: Build a CodePen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/adBpOw. Rule #1: Don't look at the example project's code. Figure it out for yourself. Rule #2: Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style. User Story: I can see whether Free Code Camp is currently streaming on Twitch.tv. User Story: I can click the status output and be sent directly to the Free Code Camp's Twitch.tv channel. User Story: if a Twitch user is currently streaming, I can see additional details about what they are streaming. User Story: 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. Hint: See an example call to Twitch.tv's JSONP API at https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/Front-End-Project-Use-t

@cmac4603
cmac4603 / fCC: Build a Wikipedia Viewer.markdown
Created March 28, 2016 13:59
fCC: Build a Wikipedia Viewer

fCC: Build a Wikipedia Viewer

Objective: Build a CodePen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/pgNRvJ. Rule #1: Don't look at the example project's code. Figure it out for yourself. Rule #2: Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style. User Story: I can search Wikipedia entries in a search box and see the resulting Wikipedia entries. User Story: I can click a button to see a random Wikipedia entry. Hint #1: Here's a URL you can use to get a random Wikipedia article: http://en.wikipedia.org/wiki/Special:Random. Hint #2: Here's an entry on using Wikipedia's API: http://www.mediawiki.org/wiki/API:Main_page. Hint #3: Use this link to experiment with Wikipedia's API.

@cmac4603
cmac4603 / fCC: Show the Local Weather.markdown
Last active March 22, 2016 13:00
fCC: Show the Local Weather

fCC: Show the Local Weather

Objective: Build a CodePen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/bELoPJ.
Rule #1: Don't look at the example project's code. Figure it out for yourself.
Rule #2: Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style.
User Story: I can click a button to show me a new random quote.
User Story: I can press a button to tweet out a quote.
Remember to use Read-Search-Ask if you get stuck.
When you are finished, click the "I've completed this challenge" button and include a link to your CodePen. 

You can get feedback on your project from fellow campers by sharing it in our Code Review Chatroom. You can also share it on Twitter and your city's Campsite (on Facebook).

@cmac4603
cmac4603 / fCC: Build A Random Quote Machine.markdown
Last active March 21, 2016 13:50
fCC: Build A Random Quote Machine

fCC: Build A Random Quote Machine

Objective: Build a CodePen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/bELoPJ.
Rule #1: Don't look at the example project's code. Figure it out for yourself.
Rule #2: Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style.
User Story: I can click a button to show me a new random quote.
User Story: I can press a button to tweet out a quote.
Remember to use Read-Search-Ask if you get stuck.
When you are finished, click the "I've completed this challenge" button and include a link to your CodePen. 

You can get feedback on your project from fellow campers by sharing it in our Code Review Chatroom. You can also share it on Twitter and your city's Campsite (on Facebook).

@cmac4603
cmac4603 / fCC: Build a Personal Portfolio Webpage.markdown
Last active March 8, 2016 20:54
fCC: Build a Personal Portfolio Webpage

fCC: Build a Personal Portfolio Webpage

Objective: Build a CodePen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/VemmoX/.
Rule #1: Don't look at the example project's code. Figure it out for yourself.
Rule #2: Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.
User Story: I can access all of the portfolio webpage's content just by scrolling.
User Story: I can click different buttons that will take me to the portfolio creator's different social media pages.
User Story: I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders.)
User Story: I navigate to different sections of the webpage by clicking buttons in the navigation.

Don't worry if you don't have anything to showcase on your portfolio yet - you will build several apps on the next few CodePen challenges, and can come ba

@cmac4603
cmac4603 / fCC: Build a Tribute Page.markdown
Created February 28, 2016 19:18
fCC: Build a Tribute Page

fCC: Build a Tribute Page

Objective: Build a CodePen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/wMQrXV.

Rule #1: Don't look at the example project's code. Figure it out for yourself.

Rule #2: Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.

User Story: I can view a tribute page with an image and text.