chore(curriculum): Remove files in wrong format
This commit is contained in:
Bouncey
@ -0,0 +1,48 @@
|
||||
---
|
||||
id: bd7156d8c242eddfaeb5bd13
|
||||
title: Build a Camper Leaderboard
|
||||
isRequired: false
|
||||
challengeType: 3
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/eZGMjp/' target='_blank'>https://codepen.io/freeCodeCamp/full/eZGMjp/</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can see a table of the freeCodeCamp campers who've earned the most brownie points in the past 30 days.
|
||||
<strong>User Story:</strong> I can see how many brownie points they've earned in the past 30 days, and how many they've earned total.
|
||||
<strong>User Story:</strong> I can toggle between sorting the list by how many brownie points they've earned in the past 30 days and by how many brownie points they've earned total.
|
||||
<strong>Hint:</strong> To get the top 100 campers for the last 30 days: <a href='https://fcctop100.herokuapp.com/api/fccusers/top/recent' target='_blank'>https://fcctop100.herokuapp.com/api/fccusers/top/recent</a>.
|
||||
<strong>Hint:</strong> To get the top 100 campers of all time: <a href='https://fcctop100.herokuapp.com/api/fccusers/top/alltime' target='_blank'>https://fcctop100.herokuapp.com/api/fccusers/top/alltime</a>.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,50 @@
|
||||
---
|
||||
id: 5a5d02bd919fcf9ca8cf46cb
|
||||
title: Build a Light-Bright App
|
||||
challengeType: 3
|
||||
isRequired: false
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/eyLYXE' target='_blank'>https://codepen.io/freeCodeCamp/full/eyLYXE</a>.
|
||||
<strong>Rule #1:</strong> Don't look at the example project's code. Figure it out for yourself.
|
||||
<strong>Rule #2:</strong> Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can click or drag the mouse cursor to color the circles.
|
||||
<strong>User Story:</strong> I can double-click on a colored circle to remove the color.
|
||||
<strong>User Story:</strong> I can click on a colored circle to change its color.
|
||||
<strong>User Story:</strong> I should get a circle of different color on each click.
|
||||
<strong>User Story:</strong> I can click on the 'Reset' button to remove the recent color.
|
||||
<strong>User Story:</strong> I can click on the 'Reset All' button to remove all the colors from the circles.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,48 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdff
|
||||
title: Build a Nightlife Coordination App
|
||||
challengeType: 4
|
||||
isRequired: true
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a full stack JavaScript app that is functionally similar to this: <a href='http://whatsgoinontonight.herokuapp.com/' target='_blank'>http://whatsgoinontonight.herokuapp.com/</a> and deploy it to Heroku.
|
||||
Note that for each project, you should create a new GitHub repository and a new Heroku project. If you can't remember how to do this, revisit <a href='/challenges/get-set-for-our-dynamic-web-application-projects'>https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a>.
|
||||
Here are the specific user stories you should implement for this project:
|
||||
<strong>User Story:</strong> As an unauthenticated user, I can view all bars in my area.
|
||||
<strong>User Story:</strong> As an authenticated user, I can add myself to a bar to indicate I am going there tonight.
|
||||
<strong>User Story:</strong> As an authenticated user, I can remove myself from a bar if I no longer want to go there.
|
||||
<strong>User Story:</strong> As an unauthenticated user, when I login I should not have to search again.
|
||||
<strong>Hint:</strong> Try using the <a href='https://www.yelp.com/developers/documentation/v2/overview' target='_blank'>Yelp API</a> to find venues in the cities your users search for. If you use Yelp's API, be sure to mention so in your app.
|
||||
Once you've finished implementing these user stories, click the "I've completed this challenge" button and enter the URLs for both your GitHub repository and your live app running on Heroku.
|
||||
You can get feedback on your project by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,48 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdee
|
||||
title: Build a Pinterest Clone
|
||||
challengeType: 4
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://glitch.com' target='_blank'>Glitch</a> app that is functionally similar to this: <a href='https://wild-song.glitch.me/' target='_blank'>https://wild-song.glitch.me</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> As an unauthenticated user, I can login with GitHub.
|
||||
<strong>User Story:</strong> As an authenticated user, I can link to images.
|
||||
<strong>User Story:</strong> As an authenticated user, I can delete images that I've linked to.
|
||||
<strong>User Story:</strong> As an authenticated user, I can see a Pinterest-style wall of all the images I've linked to.
|
||||
<strong>User Story:</strong> As an unauthenticated user, I can browse other users' walls of images.
|
||||
<strong>User Story:</strong> As an authenticated user, if I upload an image that is broken, it will be replaced by a placeholder image. (can use jQuery broken image detection)
|
||||
<strong>Hint:</strong> <a href='http://masonry.desandro.com/' target='_blank'>Masonry.js</a> is a library that allows for Pinterest-style image grids.
|
||||
Once you've finished implementing these user stories, click the "I've completed this challenge" button and enter the URLs for both your GitHub repository and your live app running on Heroku.
|
||||
You can get feedback on your project by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,48 @@
|
||||
---
|
||||
id: 5a4b7fcdb66f799f199e11db
|
||||
title: Build a Pong Game
|
||||
challengeType: 3
|
||||
isRequired: false
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/satyamdev/full/pdMmBp' target='_blank'>https://codepen.io/satyamdev/full/pdMmBp</a>.
|
||||
<strong>Rule #1:</strong> Don't look at the example project's code. Figure it out for yourself.
|
||||
<strong>Rule #2:</strong> Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can control a paddle.
|
||||
<strong>User Story:</strong> The computer can control the other paddle.
|
||||
<strong>User Story:</strong> The computer's paddle is unbeatable. It should never miss the ball.
|
||||
<strong>User Story:</strong> The game keeps track of the player and computer's score.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,50 @@
|
||||
---
|
||||
id: bd7155d8c242eddfaeb5bd13
|
||||
title: Build a Recipe Box
|
||||
isRequired: false
|
||||
challengeType: 3
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/dNVazZ/' target='_blank'>https://codepen.io/freeCodeCamp/full/dNVazZ/</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can create recipes that have names and ingredients.
|
||||
<strong>User Story:</strong> I can see an index view where the names of all the recipes are visible.
|
||||
<strong>User Story:</strong> I can click into any of those recipes to view it.
|
||||
<strong>User Story:</strong> I can edit these recipes.
|
||||
<strong>User Story:</strong> I can delete these recipes.
|
||||
<strong>User Story:</strong> All new recipes I add are saved in my browser's local storage. If I refresh the page, these recipes will still be there.
|
||||
<strong>Hint: </strong> You should prefix your local storage keys on CodePen, i.e. <code>_username_recipes</code>
|
||||
Remember to use <a href='//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,52 @@
|
||||
---
|
||||
id: bd7153d8c242eddfaeb5bd13
|
||||
title: Build a Roguelike Dungeon Crawler Game
|
||||
isRequired: false
|
||||
challengeType: 3
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/apLXEJ/' target='_blank'>https://codepen.io/freeCodeCamp/full/apLXEJ/</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I have health, a level, and a weapon. I can pick up a better weapon. I can pick up health items.
|
||||
<strong>User Story:</strong> All the items and enemies on the map are arranged at random.
|
||||
<strong>User Story:</strong> I can move throughout a map, discovering items.
|
||||
<strong>User Story:</strong> I can move anywhere within the map's boundaries, but I can't move through an enemy until I've beaten it.
|
||||
<strong>User Story:</strong> Much of the map is hidden. When I take a step, all spaces that are within a certain number of spaces from me are revealed.
|
||||
<strong>User Story:</strong> When I beat an enemy, the enemy goes away and I get XP, which eventually increases my level.
|
||||
<strong>User Story:</strong> When I fight an enemy, we take turns damaging each other until one of us loses. I do damage based off of my level and my weapon. The enemy does damage based off of its level. Damage is somewhat random within a range.
|
||||
<strong>User Story:</strong> When I find and beat the boss, I win.
|
||||
<strong>User Story:</strong> The game should be challenging, but theoretically winnable.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,52 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd1c
|
||||
title: Build a Simon Game
|
||||
challengeType: 3
|
||||
isRequired: false
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/Em-Ant/full/QbRyqq/' target='_blank'>https://codepen.io/freeCodeCamp/full/obYBjE</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I am presented with a random series of button presses.
|
||||
<strong>User Story:</strong> Each time I input a series of button presses correctly, I see the same series of button presses but with an additional step.
|
||||
<strong>User Story:</strong> I hear a sound that corresponds to each button both when the series of button presses plays, and when I personally press a button.
|
||||
<strong>User Story:</strong> 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.
|
||||
<strong>User Story:</strong> I can see how many steps are in the current series of button presses.
|
||||
<strong>User Story:</strong> If I want to restart, I can hit a button to do so, and the game will return to a single step.
|
||||
<strong>User Story:</strong> 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.
|
||||
<strong>User Story:</strong> I can win the game by getting a series of 20 steps correct. I am notified of my victory, then the game starts over.
|
||||
<strong>Hint:</strong> Here are mp3s you can use for each button: <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code>, <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code>, <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code>, <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code>.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,46 @@
|
||||
---
|
||||
id: bd7158d8c442eedfaeb5bd1c
|
||||
title: Build a Tic Tac Toe Game
|
||||
challengeType: 3
|
||||
isRequired: false
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/KzXQgy/' target='_blank'>https://codepen.io/freeCodeCamp/full/KzXQgy/</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can play a game of Tic Tac Toe with the computer.
|
||||
<strong>User Story:</strong> My game will reset as soon as it's over so I can play again.
|
||||
<strong>User Story:</strong> I can choose whether I want to play as X or O.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,51 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdef
|
||||
title: Build a Voting App
|
||||
challengeType: 4
|
||||
isRequired: true
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a full stack JavaScript app that is functionally similar to this: <a href='https://fcc-voting-arthow4n.herokuapp.com/' target='_blank'>https://fcc-voting-arthow4n.herokuapp.com/</a> and deploy it to Heroku.
|
||||
Note that for each project, you should create a new GitHub repository and a new Heroku project. If you can't remember how to do this, revisit <a href='/challenges/get-set-for-our-dynamic-web-application-projects'>https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a>.
|
||||
Here are the specific user stories you should implement for this project:
|
||||
<strong>User Story:</strong> As an authenticated user, I can keep my polls and come back later to access them.
|
||||
<strong>User Story:</strong> As an authenticated user, I can share my polls with my friends.
|
||||
<strong>User Story:</strong> As an authenticated user, I can see the aggregate results of my polls.
|
||||
<strong>User Story:</strong> As an authenticated user, I can delete polls that I decide I don't want anymore.
|
||||
<strong>User Story:</strong> As an authenticated user, I can create a poll with any number of possible items.
|
||||
<strong>User Story:</strong> As an unauthenticated or authenticated user, I can see and vote on everyone's polls.
|
||||
<strong>User Story:</strong> As an unauthenticated or authenticated user, I can see the results of polls in chart form. (This could be implemented using Chart.js or Google Charts.)
|
||||
<strong>User Story:</strong> As an authenticated user, if I don't like the options on a poll, I can create a new option.
|
||||
Once you've finished implementing these user stories, click the "I've completed this challenge" button and enter the URLs for both your GitHub repository and your live app running on Heroku.
|
||||
You can get feedback on your project by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,48 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd19
|
||||
title: Build a Wikipedia Viewer
|
||||
challengeType: 3
|
||||
isRequired: false
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/wGqEga/' target='_blank'>https://codepen.io/freeCodeCamp/full/wGqEga/</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can search Wikipedia entries in a search box and see the resulting Wikipedia entries.
|
||||
<strong>User Story:</strong> I can click a button to see a random Wikipedia entry.
|
||||
<span class='text-info'>Hint #1:</span> Here's a URL you can use to get a random Wikipedia article: <code>https://en.wikipedia.org/wiki/Special:Random</code>.
|
||||
<span class='text-info'>Hint #2:</span> Here's an entry on using Wikipedia's API: <code>https://www.mediawiki.org/wiki/API:Main_page</code>.
|
||||
<span class='text-info'>Hint #3:</span> Use this <a href='https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm' target='_blank'>link</a> to experiment with Wikipedia's API.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,46 @@
|
||||
---
|
||||
id: bd7158d8c443edefaeb5bdee
|
||||
title: Build an Image Search Abstraction Layer
|
||||
isRequired: true
|
||||
challengeType: 4
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a full stack JavaScript app that allows you to search for images like this: <a href='https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10' target='_blank'>https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10</a> and browse recent search queries like this: <a href='https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/' target='_blank'>https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/</a>. Then deploy it to Glitch.
|
||||
Note that for each project, you should create a new GitHub repository and a new Glitch project. If you can't remember how to do this, revisit <a href='/challenges/get-set-for-our-api-development-projects'>https://freecodecamp.org/challenges/get-set-for-our-api-development-projects</a>.
|
||||
Here are the specific user stories you should implement for this project:
|
||||
<strong>User Story:</strong> I can get the image URLs, alt text and page urls for a set of images relating to a given search string.
|
||||
<strong>User Story:</strong> I can paginate through the responses by adding a ?offset=2 parameter to the URL.
|
||||
<strong>User Story:</strong> I can get a list of the most recently submitted search strings.
|
||||
Once you've finished implementing these user stories, click the "I've completed this challenge" button and enter the URLs for both your GitHub repository and your live app running on Glitch.
|
||||
You can get feedback on your project by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,51 @@
|
||||
---
|
||||
id: bd7154d8c242eddfaeb5bd13
|
||||
title: Build the Game of Life
|
||||
isRequired: false
|
||||
challengeType: 3
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/BpwMZv/' target='_blank'>https://codepen.io/freeCodeCamp/full/BpwMZv/</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> When I first arrive at the game, it will randomly generate a board and start playing.
|
||||
<strong>User Story:</strong> I can start and stop the board.
|
||||
<strong>User Story:</strong> I can set up the board.
|
||||
<strong>User Story:</strong> I can clear the board.
|
||||
<strong>User Story:</strong> When I press start, the game will play out.
|
||||
<strong>User Story:</strong> Each time the board changes, I can see how many generations have gone by.
|
||||
<strong>Hint:</strong> Here's an explanation of Conway's Game of Life from John Conway himself: <a href='https://www.youtube.com/watch?v=E8kUJL04ELA' target='_blank'>https://www.youtube.com/watch?v=E8kUJL04ELA</a>
|
||||
<strong>Hint:</strong> Here's an overview of Conway's Game of Life with rules for your reference: <a href='https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life' target='_blank'>https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life</a>
|
||||
Remember to use <a href='//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,47 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bd0e
|
||||
title: Chart the Stock Market
|
||||
challengeType: 4
|
||||
isRequired: true
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a full stack JavaScript app that is functionally similar to this: <a href='http://watchstocks.herokuapp.com/' target='_blank'>http://watchstocks.herokuapp.com/</a> and deploy it to Heroku.
|
||||
Note that for each project, you should create a new GitHub repository and a new Heroku project. If you can't remember how to do this, revisit <a href='/challenges/get-set-for-our-dynamic-web-application-projects'>https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a>.
|
||||
Here are the specific user stories you should implement for this project:
|
||||
<strong>User Story:</strong> I can view a graph displaying the recent trend lines for each added stock.
|
||||
<strong>User Story:</strong> I can add new stocks by their symbol name.
|
||||
<strong>User Story:</strong> I can remove stocks.
|
||||
<strong>User Story:</strong> I can see changes in real-time when any other user adds or removes a stock. For this you will need to use Web Sockets.
|
||||
Once you've finished implementing these user stories, click the "I've completed this challenge" button and enter the URLs for both your GitHub repository and your live app running on Heroku.
|
||||
You can get feedback on your project by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,45 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bd0f
|
||||
title: Manage a Book Trading Club
|
||||
challengeType: 4
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://glitch.com' target='_blank'>Glitch</a> app that is functionally similar to this: <a href='https://chrome-delivery.glitch.me/ /' target='_blank'>https://chrome-delivery.glitch.me</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can view all books posted by every user.
|
||||
<strong>User Story:</strong> I can add a new book.
|
||||
<strong>User Story:</strong> I can update my settings to store my full name, city, and state.
|
||||
<strong>User Story:</strong> I can propose a trade and wait for the other user to accept the trade.
|
||||
Once you've finished implementing these user stories, click the "I've completed this challenge" button and enter the URLs for both your GitHub repository and your live app running on Heroku.
|
||||
You can get feedback on your project by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,47 @@
|
||||
---
|
||||
id: bd7108d8c242eddfaeb5bd13
|
||||
title: Map Data Across the Globe
|
||||
isRequired: false
|
||||
challengeType: 3
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/mVEJag' target='_blank'>https://codepen.io/freeCodeCamp/full/mVEJag</a>.
|
||||
Fulfill the following <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can see where all Meteorites landed on a world map.
|
||||
<strong>User Story:</strong> I can tell the relative size of the meteorite, just by looking at the way it's represented on the map.
|
||||
<strong>User Story:</strong> I can mouse over the meteorite's data point for additional data.
|
||||
<strong>Hint:</strong> Here's a dataset you can use to build this: <a href='https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json' target='_blank'>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a>
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,94 @@
|
||||
{
|
||||
"name": "Take Home Projects",
|
||||
"dashedName": "take-home-projects",
|
||||
"order": 4,
|
||||
"time": "",
|
||||
"template": "",
|
||||
"required": [],
|
||||
"superBlock": "coding-interview-prep",
|
||||
"superOrder": 8,
|
||||
"challengeOrder": [
|
||||
[
|
||||
"bd7158d8c442eddfaeb5bd10",
|
||||
"Show the Local Weather"
|
||||
],
|
||||
[
|
||||
"bd7158d8c442eddfaeb5bd19",
|
||||
"Build a Wikipedia Viewer"
|
||||
],
|
||||
[
|
||||
"bd7158d8c442eddfaeb5bd1f",
|
||||
"Use the Twitch JSON API"
|
||||
],
|
||||
[
|
||||
"bd7158d8c443edefaeb5bdee",
|
||||
"Build an Image Search Abstraction Layer"
|
||||
],
|
||||
[
|
||||
"bd7158d8c442eedfaeb5bd1c",
|
||||
"Build a Tic Tac Toe Game"
|
||||
],
|
||||
[
|
||||
"bd7158d8c442eddfaeb5bd1c",
|
||||
"Build a Simon Game"
|
||||
],
|
||||
[
|
||||
"bd7156d8c242eddfaeb5bd13",
|
||||
"Build a Camper Leaderboard"
|
||||
],
|
||||
[
|
||||
"bd7155d8c242eddfaeb5bd13",
|
||||
"Build a Recipe Box"
|
||||
],
|
||||
[
|
||||
"bd7154d8c242eddfaeb5bd13",
|
||||
"Build the Game of Life"
|
||||
],
|
||||
[
|
||||
"bd7153d8c242eddfaeb5bd13",
|
||||
"Build a Roguelike Dungeon Crawler Game"
|
||||
],
|
||||
[
|
||||
"bd7150d8c442eddfafb5bd1c",
|
||||
"P2P Video Chat Application"
|
||||
],
|
||||
[
|
||||
"bd7198d8c242eddfaeb5bd13",
|
||||
"Show National Contiguity with a Force Directed Graph"
|
||||
],
|
||||
[
|
||||
"bd7108d8c242eddfaeb5bd13",
|
||||
"Map Data Across the Globe"
|
||||
],
|
||||
[
|
||||
"bd7158d8c443eddfaeb5bd0f",
|
||||
"Manage a Book Trading Club"
|
||||
],
|
||||
[
|
||||
"bd7158d8c443eddfaeb5bdee",
|
||||
"Build a Pinterest Clone"
|
||||
],
|
||||
[
|
||||
"bd7158d8c443eddfaeb5bdff",
|
||||
"Build a Nightlife Coordination App"
|
||||
],
|
||||
[
|
||||
"bd7158d8c443eddfaeb5bd0e",
|
||||
"Chart the Stock Market"
|
||||
],
|
||||
[
|
||||
"bd7158d8c443eddfaeb5bdef",
|
||||
"Build a Voting App"
|
||||
],
|
||||
[
|
||||
"5a4b7fcdb66f799f199e11db",
|
||||
"Build a Pong Game"
|
||||
],
|
||||
[
|
||||
"5a5d02bd919fcf9ca8cf46cb",
|
||||
"Build a Light-Bright App"
|
||||
]
|
||||
],
|
||||
"helpRoom": "HelpFrontEnd",
|
||||
"fileName": "08-coding-interview-prep/take-home-projects.json"
|
||||
}
|
||||
@ -0,0 +1,52 @@
|
||||
---
|
||||
id: bd7150d8c442eddfafb5bd1c
|
||||
title: P2P Video Chat Application
|
||||
challengeType: 3
|
||||
isRequired: false
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://glitch.com' target='_blank'>Glitch</a> app that is functionally similar to this: <a href='https://grove-voice.glitch.me/' target='_blank'>https://grove-voice.glitch.me</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> Upon arriving, the browser will prompt me to access my camera and microphone.
|
||||
<strong>User Story:</strong> After I give it permission, I am prompted to type in a room name.
|
||||
<strong>User Story:</strong> Once I type in the room name, a room will be created if no room of that name existed before.
|
||||
<strong>User Story:</strong> A friend of mine can subsequently go to the same website, type in the same room I entered, and join the same room, then enter into a video chat with me.
|
||||
<strong>User Story:</strong> If I type in a room name, and there are already two people in that room, I get a notification that the room is full.
|
||||
<strong>User Story:</strong> Anyone can create or join any room. And there can be any number of rooms, but all of them must have unique names.
|
||||
<strong>User Story:</strong> I can choose to not permit the site to access my microphone and webcam. If I choose not to do this, if some other driver problem occurs, I see an error message saying these are required.
|
||||
<strong>User Story:</strong> When I choose to cancel the room name input step, or if I type in no name, or just spaces, it should again ask me again to type in a valid room name.
|
||||
<strong>User Story:</strong> If one of the two people in the room get disconnected, they can reconnect to the same room and continue chatting.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> if you get stuck.
|
||||
When you are finished, click the "I've completed this challenge" button and include a link to your Glitch App.
|
||||
You can get feedback on your project by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,47 @@
|
||||
---
|
||||
id: bd7198d8c242eddfaeb5bd13
|
||||
title: Show National Contiguity with a Force Directed Graph
|
||||
isRequired: false
|
||||
challengeType: 3
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/xVopBo' target='_blank'>https://codepen.io/freeCodeCamp/full/xVopBo</a>.
|
||||
Fulfill the following <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can see a Force-directed Graph that shows which countries share borders.
|
||||
<strong>User Story:</strong> I can see each country's flag on its node.
|
||||
<strong>Hint:</strong> Here's a dataset you can use to build this: <a href='https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json' target='_blank'>https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json</a>
|
||||
<strong>Hint:</strong> You can create a spritesheet of national flags at <a href='https://www.flag-sprites.com' target='_blank'>https://www.flag-sprites.com</a>.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,48 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd10
|
||||
title: Show the Local Weather
|
||||
challengeType: 3
|
||||
isRequired: false
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/bELRjV' target='_blank'>https://codepen.io/freeCodeCamp/full/bELRjV</a>.
|
||||
<strong>Rule #1:</strong> Don't look at the example project's code. Figure it out for yourself.
|
||||
<strong>Rule #2:</strong> Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can see the weather in my current location.
|
||||
<strong>User Story:</strong> I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
|
||||
<strong>User Story:</strong> I can push a button to toggle between Fahrenheit and Celsius.
|
||||
<strong>Note:</strong> Many internet browsers now require an HTTP Secure (<code>https://</code>) connection to obtain a user's locale via HTML5 Geolocation. For this reason, we recommend using HTML5 Geolocation to get user location and then use the freeCodeCamp Weather API <a href='https://fcc-weather-api.glitch.me' target='_blank'>https://fcc-weather-api.glitch.me</a> which uses an HTTP Secure connection for the weather. Also, be sure to connect to <a href='https://codepen.io' target='_blank'>CodePen.io</a> via <code>https://</code>.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
@ -0,0 +1,50 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd1f
|
||||
title: Use the Twitch JSON API
|
||||
challengeType: 3
|
||||
isRequired: false
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/freeCodeCamp/full/Myvqmo/' target='_blank'>https://codepen.io/freeCodeCamp/full/Myvqmo/</a>.
|
||||
Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
<strong>User Story:</strong> I can see whether freeCodeCamp is currently streaming on Twitch.tv.
|
||||
<strong>User Story:</strong> I can click the status output and be sent directly to the freeCodeCamp's Twitch.tv channel.
|
||||
<strong>User Story:</strong> if a Twitch user is currently streaming, I can see additional details about what they are streaming.
|
||||
<strong>Hint:</strong> See an example call to Twitch.tv's JSONP API at <a href='http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541' target='_blank'>http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a>.
|
||||
<strong>Hint:</strong> The relevant documentation about this API call is here: <a href='https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user' target='_blank'>https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a>.
|
||||
<strong>Hint:</strong> Here's an array of the Twitch.tv usernames of people who regularly stream: <code>["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]</code>
|
||||
<strong>UPDATE:</strong> Due to a change in conditions on API usage explained <a href='https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1' target='_blank'>here</a> Twitch.tv now requires an API key, but we've built a workaround. Use <a href='https://wind-bow.glitch.me' target='_blank'>https://wind-bow.glitch.me/twitch-api</a> instead of twitch's API base URL (i.e. https://api.twitch.tv/kraken ) and you'll still be able to get account information, without needing to sign up for an API key.
|
||||
Remember to use <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> 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 by sharing it with your friends on Facebook.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests: []
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
<section id='challengeSeed'>
|
||||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
</section>
|
||||
Reference in New Issue
Block a user