chore(i8n,learn): processed translations
This commit is contained in:
Crowdin Bot
committed by
Mrugesh Mohapatra
Mrugesh Mohapatra
parent
15047f2d90
commit
e5c44a3ae5
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7156d8c242eddfaeb5bd13
|
||||
title: Build a freeCodeCamp Forum Homepage
|
||||
challengeType: 3
|
||||
forumTopicId: 302349
|
||||
dashedName: build-a-freecodecamp-forum-homepage
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/JqdoMV>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can see a list of the most recent posts on the freeCodeCamp forum.
|
||||
|
||||
**User Story:** For each topic, I can see the title and a list of links to users who have recently posted in it.
|
||||
|
||||
**User Story:** I can see the number of replies and views that each topic has had, and a timestamp of when the topic was last active.
|
||||
|
||||
**Hint:** To get the 30 most recent forum posts: <https://forum-proxy.freecodecamp.rocks/latest>.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,37 @@
|
||||
---
|
||||
id: 5a5d02bd919fcf9ca8cf46cb
|
||||
title: Build a Light-Bright App
|
||||
challengeType: 3
|
||||
forumTopicId: 302350
|
||||
dashedName: build-a-light-bright-app
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/eyLYXE>.
|
||||
|
||||
**Rule #1:** Don't look at the example project's code. Figure it out for yourself.
|
||||
|
||||
**Rule #2:** Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can click or drag the mouse cursor to color the circles.
|
||||
|
||||
**User Story:** I can double-click on a colored circle to remove the color.
|
||||
|
||||
**User Story:** I can click on a colored circle to change its color.
|
||||
|
||||
**User Story:** I should get a circle of different color on each click.
|
||||
|
||||
**User Story:** I can click on the 'Reset' button to remove the recent color.
|
||||
|
||||
**User Story:** I can click on the 'Reset All' button to remove all the colors from the circles.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdff
|
||||
title: Build a Nightlife Coordination App
|
||||
challengeType: 4
|
||||
forumTopicId: 302351
|
||||
dashedName: build-a-nightlife-coordination-app
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Build a full stack JavaScript app that is functionally similar to this: <https://yoyo44.herokuapp.com/>. Use a site builder of your choice to complete the project.
|
||||
|
||||
Here are the specific user stories you should implement for this project:
|
||||
|
||||
**User Story:** As an unauthenticated user, you can view all bars in my area.
|
||||
|
||||
**User Story:** As an authenticated user, you can add myself to a bar to indicate you am going there tonight.
|
||||
|
||||
**User Story:** As an authenticated user, you can remove myself from a bar if you no longer want to go there.
|
||||
|
||||
**User Story:** As an unauthenticated user, when you login you should not have to search again.
|
||||
|
||||
**Hint:** Try using the [Yelp API](https://www.yelp.com/developers/documentation/v3) to find venues in the cities your users search for. If you use Yelp's API, be sure to mention so in your app.
|
||||
|
||||
When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the `Solution Link` field. Optionally, also submit a link to your project's source code in the `GitHub Link` field.
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,37 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdee
|
||||
title: Build a Pinterest Clone
|
||||
challengeType: 4
|
||||
forumTopicId: 302352
|
||||
dashedName: build-a-pinterest-clone
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [Repl.it](https://repl.it/) app that is functionally similar to this: <https://build-a-pinterest-clone.freecodecamp.rocks/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** As an unauthenticated user, I can login with GitHub.
|
||||
|
||||
**User Story:** As an authenticated user, I can link to images.
|
||||
|
||||
**User Story:** As an authenticated user, I can delete images that I've linked to.
|
||||
|
||||
**User Story:** As an authenticated user, I can see a Pinterest-style wall of all the images I've linked to.
|
||||
|
||||
**User Story:** As an unauthenticated user, I can browse other users' walls of images.
|
||||
|
||||
**User Story:** 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)
|
||||
|
||||
**Hint:** [Masonry.js](https://masonry.desandro.com/) is a library that allows for Pinterest-style image grids.
|
||||
|
||||
Once you've finished implementing these user stories, enter the URL to your live app and, optionally, your GitHub repository. Then click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,33 @@
|
||||
---
|
||||
id: 5a4b7fcdb66f799f199e11db
|
||||
title: Build a Pong Game
|
||||
challengeType: 3
|
||||
forumTopicId: 302353
|
||||
dashedName: build-a-pong-game
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/satyamdev/full/pdMmBp>.
|
||||
|
||||
**Rule #1:** Don't look at the example project's code. Figure it out for yourself.
|
||||
|
||||
**Rule #2:** Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can control a paddle.
|
||||
|
||||
**User Story:** The computer can control the other paddle.
|
||||
|
||||
**User Story:** The computer's paddle is unbeatable. It should never miss the ball.
|
||||
|
||||
**User Story:** The game keeps track of the player and computer's score.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,37 @@
|
||||
---
|
||||
id: bd7155d8c242eddfaeb5bd13
|
||||
title: Build a Recipe Box
|
||||
challengeType: 3
|
||||
forumTopicId: 302354
|
||||
dashedName: build-a-recipe-box
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/dNVazZ/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can create recipes that have names and ingredients.
|
||||
|
||||
**User Story:** I can see an index view where the names of all the recipes are visible.
|
||||
|
||||
**User Story:** I can click into any of those recipes to view it.
|
||||
|
||||
**User Story:** I can edit these recipes.
|
||||
|
||||
**User Story:** I can delete these recipes.
|
||||
|
||||
**User Story:** All new recipes I add are saved in my browser's local storage. If I refresh the page, these recipes will still be there.
|
||||
|
||||
**Hint:** You should prefix your local storage keys on CodePen, i.e. `_username_recipes`
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,41 @@
|
||||
---
|
||||
id: bd7153d8c242eddfaeb5bd13
|
||||
title: Build a Roguelike Dungeon Crawler Game
|
||||
challengeType: 3
|
||||
forumTopicId: 302355
|
||||
dashedName: build-a-roguelike-dungeon-crawler-game
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/apLXEJ/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I have health, a level, and a weapon. I can pick up a better weapon. I can pick up health items.
|
||||
|
||||
**User Story:** All the items and enemies on the map are arranged at random.
|
||||
|
||||
**User Story:** I can move throughout a map, discovering items.
|
||||
|
||||
**User Story:** I can move anywhere within the map's boundaries, but I can't move through an enemy until I've beaten it.
|
||||
|
||||
**User Story:** 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.
|
||||
|
||||
**User Story:** When I beat an enemy, the enemy goes away and I get XP, which eventually increases my level.
|
||||
|
||||
**User Story:** 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.
|
||||
|
||||
**User Story:** When I find and beat the boss, I win.
|
||||
|
||||
**User Story:** The game should be challenging, but theoretically winnable.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,41 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd1c
|
||||
title: Build a Simon Game
|
||||
challengeType: 3
|
||||
forumTopicId: 302357
|
||||
dashedName: build-a-simon-game
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: [https://codepen.io/freeCodeCamp/full/obYBjE](https://codepen.io/Em-Ant/full/QbRyqq/).
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I am presented with a random series of button presses.
|
||||
|
||||
**User Story:** Each time I input a series of button presses correctly, I see the same series of button presses but with an additional step.
|
||||
|
||||
**User Story:** I hear a sound that corresponds to each button both when the series of button presses plays, and when I personally press a button.
|
||||
|
||||
**User Story:** 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.
|
||||
|
||||
**User Story:** I can see how many steps are in the current series of button presses.
|
||||
|
||||
**User Story:** If I want to restart, I can hit a button to do so, and the game will return to a single step.
|
||||
|
||||
**User Story:** 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.
|
||||
|
||||
**User Story:** I can win the game by getting a series of 20 steps correct. I am notified of my victory, then the game starts over.
|
||||
|
||||
**Hint:** Here are mp3s you can use for each button: `https://s3.amazonaws.com/freecodecamp/simonSound1.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound2.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound3.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound4.mp3`.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,29 @@
|
||||
---
|
||||
id: bd7158d8c442eedfaeb5bd1c
|
||||
title: Build a Tic Tac Toe Game
|
||||
challengeType: 3
|
||||
forumTopicId: 302358
|
||||
dashedName: build-a-tic-tac-toe-game
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/KzXQgy/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can play a game of Tic Tac Toe with the computer.
|
||||
|
||||
**User Story:** My game will reset as soon as it's over so I can play again.
|
||||
|
||||
**User Story:** I can choose whether I want to play as X or O.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,37 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bdef
|
||||
title: Build a Voting App
|
||||
challengeType: 4
|
||||
forumTopicId: 302359
|
||||
dashedName: build-a-voting-app
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Build a full stack JavaScript app that is functionally similar to this: <https://voting-app.freecodecamp.rocks/>. Use a site builder of your choice to complete the project.
|
||||
|
||||
Here are the specific user stories you should implement for this project:
|
||||
|
||||
**User Story:** As an authenticated user, you can keep my polls and come back later to access them.
|
||||
|
||||
**User Story:** As an authenticated user, you can share my polls with my friends.
|
||||
|
||||
**User Story:** As an authenticated user, you can see the aggregate results of my polls.
|
||||
|
||||
**User Story:** As an authenticated user, you can delete polls that I decide I don't want anymore.
|
||||
|
||||
**User Story:** As an authenticated user, you can create a poll with any number of possible items.
|
||||
|
||||
**User Story:** As an unauthenticated or authenticated user, you can see and vote on everyone's polls.
|
||||
|
||||
**User Story:** As an unauthenticated or authenticated user, you can see the results of polls in chart form. (This could be implemented using Chart.js or Google Charts.)
|
||||
|
||||
**User Story:** As an authenticated user, if you don't like the options on a poll, you can create a new option.
|
||||
|
||||
When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the `Solution Link` field. Optionally, also submit a link to your project's source code in the `GitHub Link` field.
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,33 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd19
|
||||
title: Build a Wikipedia Viewer
|
||||
challengeType: 3
|
||||
forumTopicId: 302360
|
||||
dashedName: build-a-wikipedia-viewer
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/wGqEga/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). 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: `https://en.wikipedia.org/wiki/Special:Random`.
|
||||
|
||||
Hint #2: Here's an entry on using Wikipedia's API: `https://www.mediawiki.org/wiki/API:Main_page`.
|
||||
|
||||
Hint #3: Use this [link](https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm) to experiment with Wikipedia's API.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,27 @@
|
||||
---
|
||||
id: bd7158d8c443edefaeb5bdee
|
||||
title: Build an Image Search Abstraction Layer
|
||||
challengeType: 4
|
||||
forumTopicId: 302361
|
||||
dashedName: build-an-image-search-abstraction-layer
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Build a full stack JavaScript app that allows you to search for images like this: <https://image-search-abstraction-layer.freecodecamp.rocks/query/lolcats%20funny?page=10> and browse recent search queries like this: <https://image-search-abstraction-layer.freecodecamp.rocks/recent/>. Use a site builder of your choice to complete the project.
|
||||
|
||||
Here are the specific user stories you should implement for this project:
|
||||
|
||||
**User Story:** You can get the image URLs, description and page URLs for a set of images relating to a given search string.
|
||||
|
||||
**User Story:** You can paginate through the responses by adding a `?page=2` parameter to the URL.
|
||||
|
||||
**User Story:** You can get a list of the most recently submitted search strings.
|
||||
|
||||
When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the `Solution Link` field. Optionally, also submit a link to your project's source code in the `GitHub Link` field.
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,39 @@
|
||||
---
|
||||
id: bd7154d8c242eddfaeb5bd13
|
||||
title: Build the Game of Life
|
||||
challengeType: 3
|
||||
forumTopicId: 302362
|
||||
dashedName: build-the-game-of-life
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/BpwMZv/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** When I first arrive at the game, it will randomly generate a board and start playing.
|
||||
|
||||
**User Story:** I can start and stop the board.
|
||||
|
||||
**User Story:** I can set up the board.
|
||||
|
||||
**User Story:** I can clear the board.
|
||||
|
||||
**User Story:** When I press start, the game will play out.
|
||||
|
||||
**User Story:** Each time the board changes, I can see how many generations have gone by.
|
||||
|
||||
**Hint:** Here's an explanation of Conway's Game of Life from John Conway himself: <https://www.youtube.com/watch?v=E8kUJL04ELA>
|
||||
|
||||
**Hint:** Here's an overview of Conway's Game of Life with rules for your reference: [https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life](https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life)
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,29 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bd0e
|
||||
title: Chart the Stock Market
|
||||
challengeType: 4
|
||||
forumTopicId: 302363
|
||||
dashedName: chart-the-stock-market
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Build a full stack JavaScript app that is functionally similar to this: <https://chart-the-stock-market.freecodecamp.rocks/>. Use a site builder of your choice to complete the project.
|
||||
|
||||
Here are the specific user stories you should implement for this project:
|
||||
|
||||
**User Story:** You can view a graph displaying the recent trend lines for each added stock.
|
||||
|
||||
**User Story:** You can add new stocks by their symbol name.
|
||||
|
||||
**User Story:** You can remove stocks.
|
||||
|
||||
**User Story:** You can see changes in real-time when any other user adds or removes a stock. For this you will need to use Web Sockets.
|
||||
|
||||
When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the `Solution Link` field. Optionally, also submit a link to your project's source code in the `GitHub Link` field.
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7158d8c443eddfaeb5bd0f
|
||||
title: Manage a Book Trading Club
|
||||
challengeType: 4
|
||||
forumTopicId: 302364
|
||||
dashedName: manage-a-book-trading-club
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [Repl.it](https://repl.it/) app that is functionally similar to this: <https://manage-a-book-trading-club.freecodecamp.rocks/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can view all books posted by every user.
|
||||
|
||||
**User Story:** I can add a new book.
|
||||
|
||||
**User Story:** I can update my settings to store my full name, city, and state.
|
||||
|
||||
**User Story:** I can propose a trade and wait for the other user to accept the trade.
|
||||
|
||||
Once you've finished implementing these user stories, enter the URL to your live app and, optionally, your GitHub repository. Then click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7108d8c242eddfaeb5bd13
|
||||
title: Map Data Across the Globe
|
||||
challengeType: 3
|
||||
forumTopicId: 302365
|
||||
dashedName: map-data-across-the-globe
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/mVEJag>.
|
||||
|
||||
Fulfill the following [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can see where all Meteorites landed on a world map.
|
||||
|
||||
**User Story:** I can tell the relative size of the meteorite, just by looking at the way it's represented on the map.
|
||||
|
||||
**User Story:** I can mouse over the meteorite's data point for additional data.
|
||||
|
||||
**Hint:** Here's a dataset you can use to build this: <https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json>
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,41 @@
|
||||
---
|
||||
id: bd7150d8c442eddfafb5bd1c
|
||||
title: P2P Video Chat Application
|
||||
challengeType: 4
|
||||
forumTopicId: 302366
|
||||
dashedName: p2p-video-chat-application
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [Repl.it](https://repl.it/) app that is functionally similar to this: <https://p2p-video-chat-application.freecodecamp.rocks/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** Upon arriving, the browser will prompt me to access my camera and microphone.
|
||||
|
||||
**User Story:** After I give it permission, I am prompted to type in a room name.
|
||||
|
||||
**User Story:** Once I type in the room name, a room will be created if no room of that name existed before.
|
||||
|
||||
**User Story:** 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.
|
||||
|
||||
**User Story:** 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.
|
||||
|
||||
**User Story:** Anyone can create or join any room. And there can be any number of rooms, but all of them must have unique names.
|
||||
|
||||
**User Story:** I can choose to not permit the site to access my microphone and webcam. If I choose not to do this, or if some other driver problem occurs, I see an error message saying these are required.
|
||||
|
||||
**User Story:** 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.
|
||||
|
||||
**User Story:** If one of the two people in the room get disconnected, they can reconnect to the same room and continue chatting.
|
||||
|
||||
Once you've finished implementing these user stories, enter the URL to your live app and, optionally, your GitHub repository. Then click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,31 @@
|
||||
---
|
||||
id: bd7198d8c242eddfaeb5bd13
|
||||
title: Show National Contiguity with a Force Directed Graph
|
||||
challengeType: 3
|
||||
forumTopicId: 302367
|
||||
dashedName: show-national-contiguity-with-a-force-directed-graph
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/xVopBo>.
|
||||
|
||||
Fulfill the following [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can see a Force-directed Graph that shows which countries share borders.
|
||||
|
||||
**User Story:** I can see each country's flag on its node.
|
||||
|
||||
**Hint:** Here's a dataset you can use to build this: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>
|
||||
|
||||
**Hint:** You can create a spritesheet of national flags at <https://www.flag-sprites.com>.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,33 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd10
|
||||
title: Show the Local Weather
|
||||
challengeType: 3
|
||||
forumTopicId: 302368
|
||||
dashedName: show-the-local-weather
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/bELRjV>.
|
||||
|
||||
**Rule #1:** Don't look at the example project's code. Figure it out for yourself.
|
||||
|
||||
**Rule #2:** Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can see the weather in my current location.
|
||||
|
||||
**User Story:** I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
|
||||
|
||||
**User Story:** I can push a button to toggle between Fahrenheit and Celsius.
|
||||
|
||||
**Note:** Many internet browsers now require an HTTP Secure (`https://`) 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 <https://weather-proxy.freecodecamp.rocks/> which uses an HTTP Secure connection for the weather. Also, be sure to connect to [CodePen.io](https://codepen.io) via `https://`.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
@ -0,0 +1,35 @@
|
||||
---
|
||||
id: bd7158d8c442eddfaeb5bd1f
|
||||
title: Use the Twitch JSON API
|
||||
challengeType: 3
|
||||
forumTopicId: 19541
|
||||
dashedName: use-the-twitch-json-api
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/Myvqmo/>.
|
||||
|
||||
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
|
||||
|
||||
**User Story:** I can see whether freeCodeCamp is currently streaming on Twitch.tv.
|
||||
|
||||
**User Story:** I can click the status output and be sent directly to the freeCodeCamp's Twitch.tv channel.
|
||||
|
||||
**User Story:** if a Twitch user is currently streaming, I can see additional details about what they are streaming.
|
||||
|
||||
**Hint:** The relevant documentation about Twitch.tv's JSON API is here: <https://dev.twitch.tv/docs/api/reference/#get-streams>.
|
||||
|
||||
**Hint:** Here's an array of the Twitch.tv usernames of people who regularly stream: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`
|
||||
|
||||
**UPDATE:** Due to a change in conditions on API usage, Twitch.tv requires an API key, but we've built a workaround. Use <https://twitch-proxy.freecodecamp.rocks/> instead of Twitch's API base URL (i.e. `https://api.twitch.tv/helix` ) and you'll still be able to get account information, without needing to sign up for an API key.
|
||||
|
||||
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
|
||||
|
||||
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||||
|
||||
# --solutions--
|
||||
|
||||
```js
|
||||
// solution required
|
||||
```
|
||||
Reference in New Issue
Block a user