Question: Now you can start the code to fight monsters. To keep your code organized, your `fightDragon` function has been moved for you to be near the other `fight` functions. <del> Below your `weapons` array, define a `monsters` variable and assign it an array. Set that array to have three objects, each with a `name`, `level`, and `health` property. The first object's values should be `slime`, `2`, and `15`, in order. The second should be `fanged beast`, `8`, and `60`. The third should be `dragon`, `20`, and `300`. </del> <ins> Below your `weapons` array, define a `monsters` variable and assign it an array. Set that array to have three objects, each with a `name`, `level`, and `health` properties. The first object's values should be `slime`, `2`, and `15`, in order. The second should be `fanged beast`, `8`, and `60`. The third should be `dragon`, `20`, and `300`. </ins> # --hints--

There is a typo in Step 108, the word is single while it should be . Here is the typo in step 102, there is a missing code block in this line it should be this in step 81, there are three missing code blocks in these line they should be If you would like to fix this issue, please make sure you read , we prioritize contributors following the instructions in our guides. Join us in or if you need help contributing, our moderators will guide you through this. Sometimes we may get more than one pull requests. We typically accept the most quality contribution, followed by the one that is made first. Happy contributing.
I would like to work on this.
feel free to open a pull request, after you have read .
I have opened a PR please let me know if there are any changes or improvements that needs to be done.


Question: Create a rule that targets both `.one` and `.two` and increase their `blur` effect by 1 pixel. <del> Here's an example of a rule that increases the `blur` of two elements: ```css h1, p { filter: blur(3px); } ``` </del> # --hints-- <del> You should have a `.one, .two` selector. </del> <ins> You should have a `.one, .two` selector list. </ins> ```js const oneTwo = new __helpers.CSSHelp(document).getStyle('.one, .two');

It would make more sense for step 34 to have the filter syntax example, instead of it showing up in the next step. Explain and show the syntax. No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22]
Yes, that totally needs to be done what about step 35? there I think the example is to remind people how to give same rules to multiple selectors. Should that be removed? double blur example?
Not sure if we need a selector list example as long as the hint text shows the selector. But I would like for the hint text to actually specify it as a selector list.


Question: title, description, superBlock, <ins> block, </ins> translationPending } },

Describe your problem and how to reproduce it: In the challenges/projects that don't use editor, link text at the top in the contain some additional text, for example Challenges that have editor on page don't seem to have this problem. Add a Link to the page with the problem: If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): ! !


Question:
Do you have any questions:

  <textarea rows="5" cols="24"> Who is flexbox... </textarea>   <textarea rows="5" cols="24" placeholder="Who is flexbox..."></textarea>
 --fcc-editable-region--

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --<!-- Add a link to the coding challenge with the problem. -- The final instructions for this step say: "Then, give the placeholder text describing an example answer." Since the instructions mention "placeholder" I think it is safe to assume that some people will think they should use the attribute on the to fulfill this requirement. But the code check test checks the of the : So using the attribute will result in the following hint: "You should give the placeholder text describing an example answer." Which does not make it clear that the example answer should be embedded in the instead of using the attribute. Based on the current instructions I think most users will assume that the attribute should be used to complete this step and the test should be updated accordingly. <!-- Please complete the following information. --- Device: Desktop OS: Linux/Fedora 34 Browser: Firefox Version: 95.0.2
On
I was going to fix this issue by updating the test in step 38 to check the placeholder attribute on the textarea but then I realized that if we make this change then the HTML in each step after 38 would also need to be updated to use the placeholder attribute as well. So the question is, do we want to use the placeholder attribute and update all of the remaining steps or do we want to reword the instructions in step 38 to make it clear that you should embed the question text in the textarea and not use the placeholder attribute?
That's a good question. The placeholder text matches wording from referring to the attribute. That would make me think, the intention is to use the attribute.
Agreed, this should probably be updated to use the placeholder attribute. Looks like I've got a lot of updates to include in the PR.
Thank you, for opening this. When I wrote this, I vaguely remember reading a resource mentioning using the attribute on was not the recommended approach. However, as I cannot find that, I agree using the attribute in this case seems like the better option. Yes, this will require a rewrite for all subsequent lessons. However, this usually is a simple Find and Replace.
Perfect. I'll submit a PR for this in just a bit.


Question: export default function hardGoToEpic(action$, _, { location }) { return action$.pipe( ofType(types.hardGoTo), <del> tap(({ payload = HOME_PATH }) => { </del> <ins> tap(({ payload }) => { </ins> location.href = payload; }), ignoreElements()

While Gatsby allows us to create globals in we also make use of for that purpose. We should DRY this out and use one ( seems the best). See


Question: "description": [ "data structures have properties. For example, strings have a property called .length that will tell you how many characters are in the string.", "For example, if we created a variable var firstName = "Charles", we could find out how long the string "Charles" is by using the firstName.length property.",  "Use the .length property to count the number of characters in the lastNameLength variable."   "Use the .length property to count the number of characters in the lastName variable."  ], "tests": [ "assert((function(){if(typeof(lastNameLength) !== "undefined" && typeof(lastNameLength) === "number" && lastNameLength === 8){return(true);}else{return(false);}})(), 'lastNameLength should be equal to eight.');",

Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. The last paragraph: Should read:


Question: assert.equal(allSongs[1].duration, "4:15"); ``` <del> The second object in your `allSongs` array should have an `src` property set to the string `"https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3"`. </del> <ins> The second object in your `allSongs` array should have a `src` property set to the string `"https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3"`. </ins> ```js assert.equal(allSongs[1].src, "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3");

I noticed that we are using both "a attribute" and "an attribute" in challenge descriptions. And we even use both in the same challenge (): <img width="596" alt="Screenshot 2024-05-21 at 22 44 29" src=""I think both are acceptable, since the articles depend on how we pronounce "src" ("es-ar-see" vs "source"), but I think we should stick to one for consistency. I'll let native English speakers make the call
I always pronounce it as , so I vote
I'm with Jessica on this one. The second sentence should be changed to .
This issue is open to first-time code contributors to this repository. The files that you should be updating are: Please make sure you read our as well as our , we prioritize contributors following the instructions in our guides. Join us in our or our if you need help contributing; our moderators will guide you through this. Sometimes we may get more than one pull request. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.
Hi everyone. This is a great pick up! I am happy to help out there and will get a initial PR up for review today :)
I have reviewed the changes made in PR, all the related file have been fixed correctly and checked locally.
Hello, This is my first Open source contribution so if you guys can give me feedback on what i did wrong and how i should correct it please guide me. from the seven files mentioned above, I have created pull request for each one which is as below. sorry if i messed up, as it is my first try. I am actively looking for any advice, suggestion, criticism. Thank You.


Question: // eval test string to actual JavaScript // This return can be a function // i.e. function() { assert(true, 'happy coding'); } <del> // eslint-disable-next-line no-eval const test = eval(testString); </del> <ins> const testPromise = new Promise((resolve, reject) => // To avoid race conditions, we have to run the test in a final // document ready: $(() => { try { // eslint-disable-next-line no-eval const test = eval(testString); resolve({ test }); } catch (err) { reject({ err }); } }) ); const { test, err } = await testPromise; if (err) throw err; </ins> if (typeof test === 'function') { await test(e.getUserInput); }

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Describe your problem and how to reproduce it: your code 'Run the Tests' it passes all your tests, again click on 'Run the Tests' time, it will show an error. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Chrome Browser Version: 83.0.4103.61 Operating System: Windows 10 If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box): 1st-time click on 'Run the Tests' ! 2nd-time click on 'Run the Tests ' ! I would love to work on it. Please assign it to me Thank You
Hello there, This issue has been discussed on: And, if you are passing the tests, and returning to fail, it is not much of an issue. So, I will leave the same comment as I did in the forum: To solve, refresh the page. Perhaps, it might be useful to some, if the tests and seed code were rewritten, but refreshing the page, and ensuring the code is correct is a suitable fix. I will leave this issue open, but, seeing as this challenge has existed for a long time, this issue rarely arises, and the workaround is as simple as refreshing, I do not recommend a PR be opened for this.
Okay
While I agree that this isn't the highest priority (as there is a work around), it's still a bug. Someone should not have to refresh the page to reliably pass the tests. That said, it might not be easy to fix. It's possibly a case of re-writing the tests to be async and ing in the tests, but I'm not sure.
I believe this should be fixed with the following assert:
Unfortunately not, since that is basically which passes. needs to return an async function.
oh yeah, you are right, my bad. what about enclosing the assert inside the method?
I am unable to reproduce this locally. Is there a chance that there is some cache reason for this behaviour?
Yes it cant be reproduced locally. I dont think its a cache issue.

I believe the latency is too less - the document is loaded instantly whereas the actual environment is slower so we are able to get the mentioned behavior.
I am curious as to what's going on here. My suspicion is that it's a timing issue, that for some runs the test gets evaluated before , but I'm not sure. Since document ready is asynchronous, the assert will be called at some point after the test has already passed. Take a look here: you can see if the test throws during the initial (synchronous) evaluation, the error is caught and the test fails. If instead it doesn't throw and returns a function, then that function should return a Promise. Finally that Promise is ed. If it doesn't throw, then the whole thing passes. The formulation you're talking about won't throw during the first evaluation and does not return a function to be awaited. It should (I think) always pass.
Given that this has been reported for several challenges, I think it's reasonable to assume that all the challenges that rely on could have the problem.
agreed. It would be interesting to figure out a fix for this. I will try on my end but I hope other contributors are actively looking for ways to resolve this.
Yep, it would be good to understand why this is happening. That may not be easy to discover, though, so I'd be happy with a PR that just modifies the tests to wait for .
Some observations: I have Disable Cache turned on under the network tab it always works for me. If I disable it, I can make the tests reliably fail. long as all the files have 0ms delay (memory cache) the test fails, the minute a vendors~chai js file has just a 1ms delay it passes the test (disk cache vs memory cache), . two challenges that are not using jQuery for the assert tests always pass for me. Not sure if it's simply the DOM querying that is the issue, or jQuery itself. How is the browser cache locally disabled? It always does a network fetch and is never fetching from disk or memory. Can that be disabled? As far as I can tell because there is always a fetch delay locally the tests never fail. Which makes it hard to test.
Nice QAing Presumably that tiny delay is enough for all the changes to appear in the DOM. Good question.

I tried building the site () and serving it using , but it's still not cached. It might be getting cached when you use .org because of the cdn, but I'm not sure. If that's right, it's something that we will have to deploy to test.
I'm pretty sure this is now fixed on .dev - I can no longer reproduce the problem. could take a quick look and confirm/deny?
Nice job, all the jQuery challenges pass for me now. Ran all of them in Chrome and a few in Firefox. Passed first try every time. :+1:
Nice. Thanks for all your help. Looks like we've got to the bottom of it.


Question: }; const StepPreview = ({ <del> disableIframe }: Pick<PreviewProps, 'disableIframe'>) => { </del> <ins> disableIframe, previewMounted }: Pick<PreviewProps, 'disableIframe' | 'previewMounted'>) => { </ins> return ( <Preview className='full-height'

On the initial loading of a Step the preview is showing in the preview pane, but if you either open the preview in the pop-out window or toggle the preview pane off/on then the preview does not load again. All Steps in New RWD preview in pop-out window (preview does not load) page Preview button to toggle preview pane off/on (preview does not load) Preview should load in both pop-out window and after the preview pane has been toggled off/on. No response Verified with Chrome/Firefox on both Linux and Win11. Possibly related to issue , but I think this is newer and slightly different.
Just discovered that if you make any change in the editor (such as adding a single space) then the preview will refresh and display again. But you have to do that every time you either open the pop-out window or toggle the preview pane.
When the preview is blank the iframe attributes are not updated either (which makes sense I guess, it looks to be the default values). Blank before updating: After updating: It feels like a state issue.
The preview also disappears if you toggle the Instructions on any of the certification projects.
Yes, that's a separate issue. I dig around at this a bit, seems to have caused the problem. Before it, these issues aren't present.


Question: while (done !== count) { done++; rows.push(padRow(done, count)); <del> if (done === count) { </del> <ins> if (done === count) { </ins> continueLoop = false; } }

In the JS Beta project to build a pyramid gen., steps 82 and 83 both show an if statement block in the code editor that is not correctly indented within the while loop it is in. This may confuse new learners if they are relying on the indents to understand the logic and should be fixed to keep the presented code in acceptable shape for learners. N/A the if statement should be indented within the while loops block ! ! N/A No response


Question: When you use the `relative` value, the element is still positioned according to the normal flow of the document, but the `top`, `left`, `bottom`, and `right` values become active. <del> Instead of `static`, give you `.cat-head` a position of `relative`, and leave both `top` and `left` properties as they are. </del> <ins> Instead of `static`, give your `.cat-head` a position of `relative`, and leave both `top` and `left` properties as they are. </ins> # --hints--

Here's the last paragraph in the instructions: Notice that where is says "... give you .cat-head..." should actually be "... give your .cat-head ..." N/A N/A ! Device: Laptop OS: Windows 10 Browser: Chrome Version: 116.0.5845.111 Didn't see a better way to report a spelling issue directly from the website.
Thanks for opening this issue. This looks something that can be fixed by "first time" code contributors to this repository. Here are the files that you should be looking at to work on a fix: List of files: Please make sure you read , we prioritize contributors following the instructions in our guides. Join us in or if you need help contributing, our moderators will guide you through this. Sometimes we may get more than one pull requests. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.
Can I Contribute on this issue?
attempting
Hey We typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue. Issues labelled with or are open for contributions. Please make sure you read . We prioritize contributors following the instructions in our guide. Join us in or if you need help contributing - our community will be happy to assist you.
please check out the update.
Hey yout PR is targeting branch of your own fork, not the .
i think its targeting the right one now.
if you want to tackle some other grammatical errors I found, I know there is a missing space in a step somewhere, and missing punctuation in another. I've forgotten where, but I know they both happened prior to this step I reported here, but not before "Learn the CSS Box Model by Building a Rothko Painting". Both were on different steps.


Question: import { certMap } from '../../resources/cert-and-project-map'; import { completedChallengesSelector } from '..'; import { <ins> certTypes, certTypeIdMap } from '../../../../config/certification-settings'; import { </ins> updateUserFlagComplete, updateUserFlagError, validateUsernameComplete,

Describe the bug I have completed the necessary requirements to get the Legacy Full Stack Certification, whenever I click on the claim certification button, it displays nothing, leaving the page as it is, I emailed the support team about this, they agreed i've fulfilled the requirements to get Legacy Full Stack certified and they said its a bug, and I should open a github case about it, so here I am. please help. Desktop (please complete the following information): OS: [Windows] Browser: [chrome] Version: [102.0.5005.115 (Official Build) (64-bit)] Additional context My username is muhammedctgr and my name is Popoola Muhammed
to investigate
hi pls whats the status on this?
it needs to be investigated
says page not found....
noted, thank you. i'll wait.
Many thanks to the dev team, I really appreciate the this mean its been fixed? Still unable to claim the cert tho.
Once the next production build is deployed, this fix should be in. We typically do 1 - 2 deployments each week.
This should be live now!
appreciate this, I've been able to claim the full stack cert. Promise to make FCC proud.


Question: ```js <del> // solution required </del> <ins> const createPerson = (name, age, gender) => { "use strict"; return { name, age, gender }; }; </ins> ```

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --1) Add any code into the challenge field (other than a valid solution) that will not result in a syntax error. 2) Run the tests Expected result: The test should fail Actual result: The test passes Browser Name: Firefox Browser Version: 61.0 Operating System: 10.12.6 !
The problem is this test in the : It returns true if returns an object with no keys, or just not-an-object. I assume we should really be using something like to check the expected object and the user's output object are the same.
Working on a fix.


Question: This demonstrates an unusual property of 142857: it is a divisor of its right-rotation. <del> Find the last 5 digits of the sum of all integers $n$, $10 < n < 10100$, that have this property. </del> <ins> For integer number of digits $a$ and $b$, find the last 5 digits of the sum of all integers $n$, $10^a < n < 10^b$, that have this property. </ins> # --hints-- <del> `numberRotations()` should return `59206`. </del> <ins> `numberRotations(2, 10)` should return `98311`. </ins> ```js <del> assert.strictEqual(numberRotations(), 59206); </del> <ins> assert.strictEqual(numberRotations(2, 10), 98311); ``` `numberRotations(2, 100)` should return `59206`. ```js assert.strictEqual(numberRotations(2, 100), 59206); </ins> ``` # --seed--

The 100 should be a superscript in the last line of this challenge. N/A Should say We may also consider better mathematical formatting? No response All No response
Seems like it has been like this for a while: I will open this up to first timers. The expected fix is to use MathJax (KaTeX-like) to render the following: $$ n: 10 < n < 10^{100} $$ An issue with the first timers only label is open for contribution. The first comprehensive PR created will be reviewed and merged. We typically do not assign issues to anyone other than long-time contributors. If you would like to contribute, and have not read the contributors docs, please do so here: If you have any issues with contributing, be sure to join us on the , or on the
I actually saw a way to roll this into a fix that expands the challenge so that won't work.


Question: } .video-quiz-options { <del> background-color: var(--tertiary-background); </del> <ins> background-color: var(--primary-background); </ins> } /* remove bootstrap margin here */

<img width="492" alt="Screen Shot 2020-05-28 at 1 29 28 PM" src="https://user-"<img width="511" alt="Screen Shot 2020-05-28 at 1 28 37 PM" src="https://user-"<hr<img width="518" alt="Screen Shot 2020-05-28 at 1 53 35 PM" src="https://user-"
thanks for catching the code blocks in the answer section looking off. Didn't notice it at first -- maybe it required a refresh? But yeah, looks off with the darker background. Tested this locally and it seems like we can just remove the language (py or python) from the triple backticks: ! I also think it would be better to have all the code in markdown. It's a bit finicky in conjunction with YAML, but makes it much easier to control the formatting/spacing than tags.
How about something like this: ! this is with a background of and using to enable highlighting. I'm not sure what the best background is. This one looks a little better than white and is a bit better from a contrast perspective.
I would like to see the same background color for answers like in Kris's photo, but the code highlighting, like in Oliver's. I think the only way to achieve this is to change some styles after the fact in the css.
Here are some options: ! the first two being white and prism's default (#). The issue being they look progressively better, but get progressively harder to read. in particular starts to fade into the background. That's what got me thinking about this , so I think it's fine to go with the prettiest version as long as we address the a11y issues.
what about changing the whole box to white... <img width="446" alt="Screen Shot 2020-05-29 at 3 41 42 PM" src="https://user-"Kinda solves both issues
Makes sense to me. They might look a little better with a dark border, but either way, I think the white background is the way to go.


Question: } button { <del> outline: none; </del> cursor: pointer; text-decoration: none; background-color: var(--light-yellow);

The default CSS provided for the Calorie Counter in step 1 has the property set to for the element. I'm going to assume this was just an oversight, and not because you all are trying to cause me an early death by raising my blood pressure. Remove the property completely from the element. No response N/A No response


Question: ```js const meta = [...document.querySelectorAll('meta')]; <del> const target = meta?.find(m => !m?.getAttribute('name') && !m?.getAttribute('content') && m?.getAttribute('charset') === 'UTF-8'); </del> <ins> const target = meta?.find(m => !m?.getAttribute('name') && !m?.getAttribute('content') && m?.getAttribute('charset')?.toLowerCase() === 'utf-8'); </ins> assert.exists(target); ```

The value for is case-insensitive. Not sure if I missed any, but here are case-sensitive ones I found. Case sensitive curriculumchallengesenglish14-responsive-web-design-22learn-accessibility-by-building-a-quiz Case sensitive curriculumchallengesenglish14-responsive-web-design-22learn-css-animation-by-building-a-ferris-wheel Case sensitive curriculumchallengesenglish14-responsive-web-design-22learn-intermediate-css-by-building-a-picasso-painting Case sensitive curriculumchallengesenglish14-responsive-web-design-22learn-responsive-web-design-by-building-a-piano Case sensitive curriculumchallengesenglish14-responsive-web-design-22learn-the-css-box-model-by-building-a-rothko-painting a lot Both are valid The value for should be case insensitive for all challenges. No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22]


Question: <del> require('dotenv').config(); </del> <ins> const env = require('../config/env'); </ins> const { createFilePath } = require('gatsby-source-filesystem');

Is there any reason not to put the real and in ? I reflexively put in a dummy key when I set this up, but now that I revisit this, that seems like a mistake.
Yes, actually it broke the .dev build unsurprisingly , I think noticed it and reported in the team chat. My bad for not catching this previously. The real fix is to ignore and move ahead when the keys are not available are default. We do this with google application credentials.
Oh, I assume it broke the build because .dev isn't using I didn't think of that... So, we should implement the fix and add the public keys to , right?
I was thinking something more along the lines of (example from api-server): I would try to avoid hundreds of contributors hitting the indexes locally. Ideally people should get their own keys. While the key and index is public, it's still not recommended to hit it?
As for the production keys, it's actually fine because the build should fail. I have since the keys in the build pipeline.
One thing: if we don't want contributors spamming search (fair enough!) I think there should be some docs that let people know what's what. Either that search isn't available in development or the steps they need to take to make it work.
I agree. We should add some docs on getting keys, or perhaps creating a test index and sharing that instead


Question: "Create an ordered list of the the top 3 things cats hate the most.", "HTML has a special element for creating ordered lists, or numbered-style lists.", "Ordered lists start with a <ol> element. Then they contain some number of <li> elements.",  "For example: <ol><li>hydrogen</li><li>helium</li><ol> would create a numbered list of "hydrogen" and "helium"."   "For example: <ol><li>hydrogen</li><li>helium</li></ol> would create a numbered list of "hydrogen" and "helium"."  ], "tests": [ "assert($('ul').length > 0, 'You should have an ul element on your webpage.')",

Challenge has an issue. Please describe how to reproduce it, and include links to screen shots if possible. What I see: You can apply a class to an HTML element like this: <h2 class="blue-text"CatPhotoApp<h2What I expected to see: You can apply a class to an HTML element like this: <h2 class="blue-text"CatPhotoApp</h2
Markdown's getting in the way, see screenshot. !


Question: "knip": "npx -y knip@1 --include files", "knip:all": "npx -y knip@1", "prelint": "pnpm run -F=client predevelop", <del> "lint": "npm-run-all create:shared -p lint:*", </del> <ins> "lint": "NODE_OPTIONS="--max-old-space-size=7168" npm-run-all create:shared -p lint:*", </ins> "lint:challenges": "cd ./curriculum && pnpm run lint", "lint:js": "eslint --cache --max-warnings 0 .", "lint:ts": "tsc && tsc -p shared && tsc -p api",

Linting fails on local environment in some cases. Issue did not reproduce on GitPod. update-email to the root directory Execution fails with the message under Linting should be successful No response Device: Macbook Air M2 OS: MacOSThis issue was originally raised in Discord: Thread created with the full error log: A contributor also ran into this issue in the past: Note that the lint operation in this one ran against the entire project () rather than a single file.
Thanks for opening this issue. I'm not able to reproduce the issue locally, so I'll need your help with this: Add: after this line: Commit this change using the flag Make a change to and check if you can commit the change without the flag This is to check if those rules are the culprit as I did run into some performance issues with them in the past. Here is our eslint current performance, in case anyone is interested: <img width="521" alt="Screenshot 2023-12-18 at 13 58 26" src=""
Thanks for your help I am still facing the issue. I the two lines after line 89, committed with --no-verify. I a space to and tried to commit without the flag. Attached the stack trace.
It seems like the memory allocation on your machine is capped at 2 GB. I tried reducing the limit to 512 MB using the following command, but could not reproduce the issue still: I'm wondering if it works if you increase the value on your end to . So please try this: In the root, add the following line to the "scripts" block: Then run in the terminal
Fixed it! I tried running but that did not seem to update the memory allocation when I ran Instead, I ran something similar to your command in the terminal - This fixed it. Thanks a lot! Should we add this in the documentation?


Question: "description": [ "Sometimes you want to add a elements to your website before you know where they will link.", "This is also handy when you're changing the behavior of a link using jQuery, which we'll learn about later.",  "Replace your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link."   "Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link."  ], "tests": [ "assert($("a").attr("href") === "#", 'Your a element should be a dead link with a href attribute set to "#".')"

Says: Replace your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link. I think it is kind of unclear - would potentially be better as "Replace the value of your a element's...." Tripped me up at first. Submitting a pull request for the change


Question: export function getGuideUrl({ forumTopicId, title = '' }) { title = encodeURIComponent(title); return forumTopicId <del> ? `${forumLocation}/t/${forumTopicId}` </del> <ins> ? `https://forum.freecodecamp.org/t/${forumTopicId}` </ins> : `${forumLocation}/search?q=${title}%20in%3Atitle%20order%3Aviews`; }

Now it points to a Chinese forum post and shows nothing when people click "Get a Hint" button in the challenge of Chinese curriculum, for example, (). <!-- A clear and concise description of what you want to happen. --We may translate the hints into Chinese and other languages on Crowdin.
It should be possible to create something analogous to our current workflow, as long as the Discourse API allows it. i.e. GET the current articles for upload and then POST the translations once they're approved. Nick probably has a better idea about this than I do, though.
The biggest challenge is going to be figuring out how to update the front matter in the curriculum files to link the appropriate forum post.
I think a really long time ago in one of our conversations with Randy, it was deliberated that the complexity & time involved in working on a way to translate the hint comments, vs working on the new editor & new curriculum was not worth it. But I could be wrong.
That's probably true, but what do we want to do with the "Get a Hint" button? Some options: Link to the English page Remove that button for the Chinese challenges
I think linking to the English page is better~
Can we just link them to English pages?
That should be fine, yeah


Question: ## Description <section id='description'> <del> Now you've seen all the basic operations for JavaScript objects. You can add, modify, and remove key-value pairs, check if keys exist, and iterate over all the keys in an object. As you continue learning JavaScript you will see even more versatile applications of objects. Additionally, the optional Advanced Data Structures lessons later in the curriculum also cover the ES6 <dfn>Map</dfn> and <dfn>Set</dfn> objects, both of which are similar to ordinary objects but provide some additional features. Now that you've learned the basics of arrays and objects, you're fully prepared to begin tackling more complex problems using JavaScript! </del> <ins> Now you've seen all the basic operations for JavaScript objects. You can add, modify, and remove key-value pairs, check if keys exist, and iterate over all the keys in an object. As you continue learning JavaScript you will see even more versatile applications of objects. Additionally, the Data Structures lessons located in the Coding Interview Prep section of the curriculum also cover the ES6 <dfn>Map</dfn> and <dfn>Set</dfn> objects, both of which are similar to ordinary objects but provide some additional features. Now that you've learned the basics of arrays and objects, you're fully prepared to begin tackling more complex problems using JavaScript! </ins> </section> ## Instructions

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --In "" it mentions: I do not see those lessons anywhere. Is there an hidden module somewhere I don't know of? Or is that text that is a legacy of the previous curriculum? Browser Name: Browser Version: Operating System:
Check under Coding Interview Prep (Thousands of hours of challenges)
perhaps the title in there should be renamed to
I think that now with the new curriculum, this is fixed?
The "advanced" section would be those challenge located in the Data Structure Questions in the Coding Interview Prep section. I am thinking the easiest solution this is to rewrite the following sentence from: to something like:
Yes. That should be fine.
I'll take this up.
Go for it. No one else has asked for it.
I had the same question, so I came here, So the answer is Advanced Data Structures located in Coding Interview Prep (Thousands of hours of challenges) Data Structures , am I right ? Why doesn't any admin/mod rewrite as RandellDawson said so no one has this question and come here again ? Thanks
What exactly are you trying to do?
Same as OP, I cannot see the Advanced Data Structures lesson on FCC
They are not called Advanced Data Structures lessons. They are just called Data Structures and they are in the Coding Interview Prep section of the curriculum !
oh man, You didn't get me, I said above : Why doesn't any admin/mod rewrite as RandellDawson said so no one has this question and come here again ? Thanks I read completely this issues and got the answer, just ask why admin/mod doesn't change as you said, so no one will get confused like me or OP again,
We decided to just modify the text of the challenge to the following: Additionally, the Data Structures lessons located in the Coding Interview Prep section of the curriculum also cover the ES6 Map and Set objects, both of which are similar to ordinary objects but provide some additional features. This was done to minimize the need to update several other sections. We feel it does not make any difference if it is renamed or just remain section. We hope to have the changes made deployed to the production site very soon.


Question: .night .landing-page #top-right-nav li > a, .night #top-right-nav li > span { color: #fff; } <ins> .night .landing-page a { color: #006400; } .night .landing-page a:hover { color: #001800; } </ins> /* End night mode override */ .black-text {

<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Describe your problem and how to reproduce it: At the moment, the clickable area of footer links are spanning the full width of their parent div. I'm not sure if this is on purpose, but IMHO, they should fit to their content instead, since a user could get navigated to another page if they accidentally click somewhere within the clickable area. This issue is on , but it is down for maintenance at the moment. The screenshot is of my local fCC. !
Is that actually a problem, though? I think having list items spread like that is pretty common. It could be a problem if you aimed for, say, Learn and got News, but there's a reasonable amount of space between them. How about if the box were subtly highlighted on hover?
Thanks for the threads
Tbh, this is the first time I have seen footer items spread like that, though it is common to me to see that on a navbar. I have no problem with leaving it as is, but adding background color on hover would be great.
I, personally, would prefer if only the text was clickable - but it works either way.
Personally I like the wider boxes, because I'm lazy and click in the general vicinity of things. So, I've a PR for the highlight approach, since that was a really easy fix. If that doesn't seem right we can always shrink the links onto the text.


Question: # --description-- <del> Start your `HTMLString` with a new line, then create a `label` element. Give that element the text `Entry # Name`, using your template literal syntax to replace `#` with the value of `entryNumber`. </del> <ins> Inside your template literal, create a `label` element and give it the text `Entry # Name`. Using your template literal syntax, replace `#` with the value of `entryNumber`. </ins> # --hints-- <del> Your `HTMLString` variable should start with a new line. ```js assert.match(code, /HTMLStrings*=s*`n/); ``` You should add a `label` element on the new line. </del> <ins> You should have a `label` element inside your template literal. </ins> ```js assert.match(code, /HTMLStrings*=s*`ns*<label>.*</label>/);

The test for Step 44 does not pass as it should when the user creates a newline with a newline literal, and not by pressing the enter key on their keyboard and making the string extend by a line. The challenge should report successful, as the created label has a newline before it. ! ! Device: Desktop, Arch linux, Firefox OS: 6.6.7-arch1-1 Browser: Firefox Version: 120.0.1 (64-bit) No response
Ran into this issue in the today.
Not sure I understand why we care if there is a new line. If this requirement is meant as a code formatting requirement we shouldn't allow the use of and instead change the text to be more precise. Simply changing "with" to "on" might be enough.
Yeah I would improve the instruction as well, instead of changing the tests. The starting code of the subsequent steps have this line on a new line, so I think we should guide campers to follow the same format here.
so it is not a parsing issue then but an instruction issue?
I would say so. I can't imagine the text "Start your with a new line" in any way referring to using . I think it just needs to be clarified.
I can easily imagine people interpreting that as using a at the beginning of the string. Also, this appears to be the first time a step uses multiple lines in a template literal, so it may not be obvious to the user that you can do that, and thus they might think that is their only option. I'm struggling to find a reason why we care whether they use or an actual hard return here? Maybe the point is to teach that template literals allow for multi-line strings? If that's the case then we need to explain that in the instructions. Otherwise, this restriction of not allowing seems rather capricious.
Which is why I said it should be clarified. As far as I'm concerned the new line asked for only serves as code formatting. It has no other importance. <sAllowing doesn't make sense as it does not produce the same code as going down on a new line before creating the element (also it doesn't do anything useful). </sEdit: never mind I thought they had a space as well. But as I said initially, I do not see the importance of testing for the new line.

It seems fairly irrelevant.
What about changing the seed code so the user does not need to do this at all? That seems like a good solution to me. Change the instructions to:
It looks like we are still getting users on the forum, getting stuck on this issue. I vote we move forward with 's suggestion of just updating the instructions and changing the editable regions to make it super clear where they need to write their code.
This is what I have and can't still move ahead: function addEntry() { const targetInputContainer = document.querySelector(); const entryNumber = targetInputContainer.querySelectorAll('input[type="text"]').length; const HTMLString = `; HTMLString = <labelEntry ${entryNumber} Name</label`;
Hey Instead of asking for help here, please click the "Help" button on the challenge on freeCodeCamp, which will help you create a question in the right part of the forum. Volunteers on the forum usually respond to questions within a few hours and can help determine if there is an issue with your code or the challenge's tests. Thank you and happy coding.


Question: ## --text-- <del> What Python library has the `.read_html()` method we can we use for parsing HTML documents and extracting tables? </del> <ins> What Python library has the `.read_html()` method we can use for parsing HTML documents and extracting tables? </ins> ## --answers--

! the sentence needs to be fixed removing the second "we" This looks something that can be fixed by "first time" code contributors to this repository. Here are the files that you should be looking at to work on a fix: List of files: Please make sure you read , we prioritize contributors following the instructions in our guides. Join us in or if you need help contributing, our moderators will guide you through this. Sometimes we may get more than one pull requests. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.
Wow
Just submitted a pull request after fixing this typo! This is my first time contributing to open source, so please let me know if there're things that I should've done. Thank you for providing this opportunity for first-time contributors.


Question: - Seed the database ```bash <del> pnpm run seed </del> <ins> pnpm run seed:certified-user </ins> ``` - Develop the server and client

I had a facepalm moment when I was working on a set of Playwright tests. The tests passed locally but failed in CI, and turned out I was seeding my DB with demo user () while we seed CI with certified user (): The failure was expected then, because the tests were working with different user data. I'm now wondering if we should recommend developing with over in general. If we are okay with this, we will need to update the following section of the : <img width="1088" alt="Screenshot 2023-11-09 at 17 12 23" src=""If we still recommend developing with , then we should add a note in the following section of the to ensure is run before tests are written and executed: <img width="1074" alt="Screenshot 2023-11-09 at 17 15 49" src=""
I think most people want to use the 'new' user and we do mention , so the setup docs seem fine. However, it's definitely not correct to recommend in the Playwright guide. Seems like a simple enough fix, though: the Playwright should say .
I think updating the playwright guide would be enough - but we could add a note in the main area that says something like "Use this if you are going to run playwright tests"


Question: ## --text-- <del> Which of the following describes the affect of a `using` statement? </del> <ins> Which of the following statements is true about showing/removing the curly braces for code blocks associated with an `if` statement? </ins> ## --answers-- <del> Affects only the first code block in the code file. </del> <ins> The curly braces can't be removed from the code block for `else if` and `else` statements. </ins> --- <del> Affects only the current code block in the code file. </del> <ins> If the curly braces are removed from the code blocks of an `if-elseif-else`, the white space must also be removed. </ins> --- <del> Affects all of the code in the code file. </del> <ins> Always choose a style that improves readability. </ins> ## --video-solution--

The "Control Variable Scope and Logic Using Code Blocks in C#" in the "Add Logic to C# Console Applications" has an question that doesn't really feel quite right for this section. The question is "Which of the following describes the affect of a statement?". The thing is statements aren't covered in the foundational MS Learn Path. It'd be a little unfair to new learners to answer this question with the given material. N/A When answering questions on the FreeCodeCamp foundational certification path, prior C# knowledge should not be required to answer questions. A question like the following might be better suited for this particular lesson. What is the scope of a local variable declared inside a method in C#? a) It's accessible only within the method where it's declared. b) It can be accessed from any method within the same class. c) It's accessible globally from any part of the program. d) It's only visible within the same class, but different methods can't access it. No response Device: Desktop OS: Windows 10 Browser: FireFox Version: 117 I only checked out this certification path for practice reasons.
I came across the same issue. I had to read up on the using statement using different resources in order to answer the question and be able to continue my learning path.
I've created a pull request to fix this issue. Since all the other questions are taken from the "Knowledge Check" portion of related tutorial, I just used the first question found here:


Question: # --description-- <del> Arrays have a `.some()` method. Like the `.filter()` method, `.some()` accepts a callback function which should take an element of the array as the argument. The `.some()` method will return `true` if the callback function returns `true` for at least one element in the array. Here is an example of a `.some()` method call to check if any element in the array is an uppercase letter. ```js const arr = ["A", "b", "C"]; arr.some(letter => letter === letter.toUpperCase()); ``` </del> Add a `someeven` property to your `spreadsheetFunctions` - use the `.some()` method to check if any element in the array is even. # --hints--

In the building a spam filter project's step 's instructions, we are told: "Remember that arrays have a .some() method. " However, we cannot remember as it was not taught. In fact it is not actually taught until step 100 of the building a spreadsheet project as far as I'm aware: I suggest that the part of lesson 100 that applies to teaching the some() method be moved into the spam filter project's step 12. N/A Adding the missing lesson for some() before or during step 12 of the building a spam filter project. No response N/A No response
Hello I am a first timer, can i take up this issue? because adding the .some() function explaination to step 12 will solve this issue and i think it will be pretty easy to do that..


Question: "challenges": [ { "id": "bb000000000000000000001", <del> "title":  "Trigger Click Events with jQuery", </del> <ins> "title": "Trigger Click Events with jQuery", </ins> "description": [ "In this section, we'll learn how to get data from APIs. APIs - or Application Programming Interfaces - are tools that computers use to communicate with one another.", "We'll also learn how to update HTML with the data we get from these APIs using a technology called Ajax.",

[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta


Question: "lint:ts": "tsc && tsc -p config && tsc -p tools/ui-components && tsc -p utils && tsc -p api", "lint:prettier": "prettier --list-different .", "reload:server": "pm2 reload api-server/ecosystem.config.js", <ins> "preseed": "npm-run-all create:*", </ins> "seed": "cross-env DEBUG=fcc:* node ./tools/scripts/seed/seed-demo-user", "seed:certified-user": "cross-env DEBUG=fcc:* node ./tools/scripts/seed/seed-demo-user certified-user", "serve:client": "cd ./client && pnpm run serve",

In chapter, we have files that run scripts when the is finished, it use and for this, we can do the same here to solve the issues related to installing needed files, copy and stuff a like, and provide a easier way to setup the curriculum for newer developers. This should stop issues which these PRs try to solve, like and , that are related to setting up freeCodeCamp. Here is the file in chapter , for more context.
I dislike post/pre -install scripts a lot. Actually, I dislike most life-cycle scripts. However, I would be fine with adding a script. Essentially, what is missing with the seed step is:
can we not add to the npm script?
Adding it to the postinstall script would duplicate the run in the CI and deployment pipelines, since it is also included in prebuild. I'd lean more toward Shaun's solution.
I don't mind, as long as the issue is solved, one more agreement and we can open it for contribution.
I see what you mean, it does add a bit of an overhead. It does solve this particular issue albeit with a bit of an overhead. I am not sure of the overall impact, but I'd presume it is minimal? I am happy to re-write it to what was suggested above. But does it make more sense for it to be part of the install lifecycle () script or the develop () lifecycle? let me know your thoughts. Thanks.
I have no idea, I don't meddle with the config files, or scripting tools. This is outside my scope, I just hate that new contributors are facing issues installing the repo.
It should be as a script, like Shaun suggested:
If you would like to fix this issue, please make sure you read , we prioritize contributors following the instructions in our guides. Join us in or if you need help contributing, our prolific contributors will guide you through this.


Question: return true; } }))).some(v => v); <ins> console.error = oldConsoleError; </ins> assert(fails, 'Test suit does not fail on the initial contents'); });

Describe the bug Several warnings in the Travis CI builds: To Reproduce Steps to reproduce the behavior: a PR the output in Travis CI build Expected behavior Cleaner builds; maybe reduce build time(?) Screenshots ! Additional context Error references this documentation: Live Demo in doc:


Question: ## --seed-contents-- ```js ``` # --solutions--

An empty solution seed with the following format does not parse correctly in Crowdin: ! Adding an empty new-line between the backtick lines will parse correctly in Crowdin: ! The following files have empty seeds with the first format and need a blank line : JavaScript / Basic JavaScript comment your javascript code declare javascript variables declare string variables initializing variables with the assignment operator passing values to functions with arguments return a value from a function with return write reusable javascript with functions JavaScript / ES6 create a javascript promise JavaScript / Object Oriented Programming define a constructor function Front End Libraries / Bootstrap Create a bootstrap headline Front End Libraries / React Create a complex jsx element Quality Assurance Projects metric imperial converter Coding Interview Prep / Data Structures Create an ES6 Javascript Map
Hi, I'll add those blank lines. It'll be my first time contributing to an open-source project, though.
Please visit to find all the info you will need to get started with contributing a fix for this issue.
Alright. I'll go through the documentation.
Hi. First time contributor here. I have forked the free code camp files to my github page. I have cloned them locally, opened the appropriate folders into my VSCode editor and made the changes (though I was not able to find a # --seed-- in Quality Assurance Projects: metric imperial conversion) but now I have no idea of how to get the code back here. Is there some documentation with instructions on how to do that? Thanks in advance.


Question: # --solutions-- ```js <del> function countOnline(usersObj) { let online = 0; for(let user in usersObj){ if(usersObj[user].online) { online++; </del> <ins> function countOnline(allUsers) { let numOnline = 0; for(const user in allUsers){ if(allUsers[user].online) { numOnline++; </ins> } } <del> return online; </del> <ins> return numOnline; </ins> } ```

This seed code can lead to a bit of confusion because the global variable name and parameter name are pretty similar What about isn't my favorite if someone has another idea. I just don't like when the type isn't strictly needed. No response All No response
can I work on this if anyone is not working?
This issue isn't ready for PRs yet
One idea for naming: -or -
I went with something other than because 1) that's the example 2) at least one learner has has said was a little hard to grok at first We could change the example (and maybe we should in light of 2?)
I can appreciate the idea behind it but I don't think the names should imply they are different things, and are not the same thing. Wouldn't just changing to for the parameter and leaving the object name as is work?
We can use that as the parameter name; I like it better than . This still doesn't fully handle the user complaint though. I see two problems 1) is a really awkward variable name. Swapping to fixes this. 2) Given the example, its an easy bug for users to write instead of the intended . Not sure if we want to address this or ignore this. Changing the global object name seems to be the best way to address this.
Maybe what really needs to be done is to change the example to something else, like maybe or something like that?
If we change the parameter we should change the example as well. Either to something unrelated and change the text as needed, or it would need to use as well. I think we are, in part, trying to fix the underlying issue of campers not fully understanding parameters and arguments. Which I'm not sure how or where to address. I think the code highlighter isn't helping either. Usually, const and arguments are colored differently from parameters and reassignable variables. As an example (I changed the loop to use const as well) !
Not sure how I feel about the parameter name but it might work.
I like the direction. How about Instructions Sometimes you need to iterate through all the keys within an object. You can use a </dfnloop to do this. The </dfnloop looks like: This code logs and , with each value on its own line.

We defined the variable in the loop head and this variable was set to each of the object's keys on each iteration, resulting in each food's name being printed to the console. We've defined a function which accepts one argument, . Use a </dfnstatement inside this function to loop through the object and return the number of users whose online property is set to . An example of an object which could be passed to is shown below. Each user will have an property set to either or . Seed Code I think this way we use your better parameter name and we swap the example for something that doesn't lead the learner to the bug.
I think it looks good. As an aside, if we are documenting how works we should show how to access the properties on the object (in the example). I know we have taught how to use variables with objects and making them bridge the gap might force the learner to think about it more. But it feels a little wrong to me to teach without actually showing how to use it.
Small tweak for that: Instructions Sometimes you need to iterate through all the keys within an object. You can use a </dfnloop to do this. The </dfnloop looks like: This code logs and , with each key-value pair on its own line. We defined the variable in the loop head and this variable was set to each of the object's keys on each iteration, resulting in each food's name being printed to the console. We've defined a function which accepts one argument, . Use a </dfnstatement inside this function to loop through the object and return the number of users whose online property is set to . An example of an object which could be passed to is shown below. Each user will have an property set to either or . Seed Code


Question: <ins> name: 'Unhide Specific String' description: "Updates a specific string to be not hidden" runs: using: 'node12' main: './index.js' inputs: filename: description: 'name of file with specific string to hide' required: true string-content: description: 'text content of string to unhide' required: true </ins>

The challenge title of challenge Use && for a More Concise Conditional is not translatable on Crowdin ! (the greyed out text is for not translatable strings) An other challenge where the title is translatable ! this is the link for crowdin file: markdown file for the challenge:
mind taking a look?
I have manually marked the string as translatable today. After our workflows run tomorrow, I will confirm the string is still translatable - if it is not, I will investigate further.
Reopen if still and issue.
this actually happened again with last update
Just to add that this is also happening in pt-BR. The entry is blocked for translation. I suspect this has to do with the double ampersand.
Hello, we are a group of researchers developing machine learning techniques to locate issues suitable for newcomers, and our model consider this issue as likely a "good first issue". May we recommend you to label it as "good first issue" so newcomers know where to choose? Thank you!
thanks but it is not - this needs to be done through Crowdin pipeline, will need to do it, again


Question: ## Translate the File <del> ![Image - Editor View](./images/crowdin/editor.png) </del> <ins> ![Image - Editor View](https://contribute.freecodecamp.org/images/crowdin/editor.png) </ins> Crowdin separates a document into translatable "strings", usually sentences. Each string is translated individually. Referring to the image above:

! Our local images currently do not render in the translated documentation views. This is due to the use of a relative link, which breaks with the new path generated for i18n pages. A couple of potential fixes: Use an absolute link (<filename). This, IMHO, is the most effective. Have translators fix the link in the translation flow. Host the images through our CDN and fetch them.
We should use the absolute path.
Sounds good. I'll get a PR up shortly.


Question: const addCodeOne = i18next.t('forum-help.add-code-one'); const addCodeTwo = i18next.t('forum-help.add-code-two'); const addCodeThree = i18next.t('forum-help.add-code-three'); <del> const altTextMessage = `### ${whatsHappeningHeading}nn### ${camperCodeHeading}nn${warning}nn${tooLongOne}nn${tooLongTwo}nn${tooLongThree}nn```textn${addCodeOne}n${addCodeTwo}n${addCodeThree}n```nn${endingText}`; </del> <ins> const altTextMessage = `### ${whatsHappeningHeading}nn${camperCodeHeading}nn${warning}nn${tooLongOne}nn${tooLongTwo}nn${tooLongThree}nn```textn${addCodeOne}n${addCodeTwo}n${addCodeThree}n```nn${endingText}`; </ins> const titleText = window.encodeURIComponent( `${i18next.t(

The help post now has this header: ! which is It should have only one set of hashtags.
Could you clarify where you see this? I don't seem to have this issue on my end.
I did not specify, sorry, it's for posts that have the following message


Question: Fulfill the user stories and pass all the tests below to complete this project. Give it your own personal style. Happy Coding! <ins> **Note:** Be sure to add `<link rel="stylesheet" href="styles.css">` in your HTML to link your stylesheet and apply your CSS </ins> # --hints-- You should have a `main` element with an `id` of `main`

With the new format, a lot of people are not linking their css files to the HTML document. It is coming up a lot on the forum. Especially for those that are going through the Legacy curriculum. I think we should add a message underneath the sample projects, to remember to link the CSS file. Proposed change: Remember to link your CSS file in the HTML document. <img width="460" alt="Screen Shot 2022-05-14 at 8 57 10 AM" src="https://user-"
I had trouble fixing , because I didn't link To I hope this will be implemented
I think we should do this.


Question: import Link from '../../../components/helpers/Link'; import './challenge-title.css'; <ins> import GreenPass from '../../../assets/icons/GreenPass'; </ins> const propTypes = { children: PropTypes.string,

In the new beta (currently at ), it would be great if a challenge page indicated somehow when the challenge has already been completed. Currently, since user inputed code is not saved, there is no indication on a challenge page that it has already been completed.
We need a check mark in the title or a badge or to indicate the same?
The most elegant thing I can think of to have something like the little circular check mark next to the title like how it is on the learn homepage - only if it's been solved, and don't show anything if it hasn't.
That would be a nice way to handle it. Please go forth if you are interested in this?


Question: "For example, if you wanted to make a text input field required, you can just add the word "required" within your input element use: <input type='text' required>" ], "tests": [  "assert($('input').prop('required'), 'Your text field have the property of being required.')", "assert($('[placeholder]').length > 0, 'Your text field should have the placeholder text of "cat photo URL".')"   "assert($('input').prop('required'), 'Your text field should have the property of being required.')", "assert(new RegExp('cat photo URL').test($('input').prop('placeholder')), 'Your text field should have the placeholder text of "cat photo URL".')"  ], "challengeSeed": [ "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",

Spelling error: The waypoint requirements say, "You should have three li elements on within your ol element." I think "within" is the better choice here.

Typo on the first test "your text field have the property of being required". Also, the second test passes even if the placeholder text field is empty.
Thanks for the report, the copy has been updated.

This isn't exactly a bug, but in the description for the challenge, there is an image that shows how bootstrap lays out elements on a page. This image is way too small to see or read any of the text in the image, and there doesn't seem to be a good way to get a larger version of the image.
Thanks, we've updated the copy to have the image link to the specific section of the bootstrap website!

One of the requirements are not fulfilled (Wrap your all of your checkboxes inside one div with the class "row".) even though the codes have fulfilled the requirement. Per checking my code 3 times, I know I have fulfilled the requirement. Kindly check and see if this is just an error on my part. Thank you.

<link href='' rel='stylesheet' type='text/css'

That test has a typo, it should tell you to wrap your input field and button in the div (like it does in the instruction text), not the checkboxes. Also, if you wanna show your html, .
Alright! That worked! Thank you very much! :) Should I close this issue now? Newb in Github here.
The "bug" is still present so you can leave it open. If you want to fix it yourself, you can open a pull request. If you look it seems like an easy fix, and you can use the little pencil button at the top to do it all right from within GitHub.
I'm actually lost with Github. Tried opening a pull request but I really don't know where to go. I guess I ll study Github first?
Thanks for bringing this issue up. We've cleaned up the copy!


Question: "cheerio": "~0.20.0", "classnames": "^2.1.2", "compression": "^1.6.0", <del> "connect-mongo": "~1.3.2", </del> <ins> "connect-mongo": "^1.3.2", </ins> "cookie-parser": "^1.4.0", "csurf": "^1.8.3", "debug": "^2.2.0",

A caret symbol, needs to be . So the result should look like this: . Please review before opening a PR, thank you!
Hi there - can I take this one? I'm new to contributing to FCC and this issue seems like a great way to get everything set up and working properly to help out more in the future.


Question:
D3.js
 </Col> </Row>
  <Spacer />
 freeCodeCamp is a donor-supported tax-exempt 501(c)(3) nonprofit organization (United States Federal Tax Identification Number: 82-0779546)

 Our mission: to help people learn to code for free. We accomplish this by creating thousands of videos, articles, and interactive coding lessons - all freely available to the public. We also have thousands of freeCodeCamp study groups around the world.

 Donations to freeCodeCamp go toward our education initiatives, and help pay for servers, services, and staff. You can{' '}  make a tax-deductible donation here
 .<Spacer />  <BigCallToAction /> <Spacer /> <Spacer />

I can work on this. A little confused though, since it appears to be there already. Does the mission statement go here? Please provide instructions, thanks.


Question: # --description-- <del> JavaScript is a powerful language which allows you to build websites that are interactive. To get started, create your standard HTML boilerplate with a `DOCTYPE`, `html`, `head`, and `body`. Include a `title` element and a `link` for your stylesheet, and your `meta` tag for the `charset`. Then, create a `div` element with the id `game` within your `body`. Use the text `RPG - Dragon Repeller` for your `title` element. </del> <ins> JavaScript is a powerful language which allows you to build websites that are interactive. To get started, create your standard HTML boilerplate with a `DOCTYPE`, `html`, `head`, and `body`. Include a `title` element and a `link` for your stylesheet, and your `meta` tag for the `charset`. Then, create a `div` element with `id` set to `game` within your `body`. Use the text `RPG - Dragon Repeller` for your `title` element. </ins> # --hints--

Describe the bug A clear and concise description of what the bug is. In this string, we are missing code tags around the word . We can change it to this string Here is the file If you would like to fix this issue, please make sure you read , we prioritize contributors following the instructions in our guides. Join us in or if you need help contributing, our moderators will guide you through this.
Hey, I can do it
Hey ! Could you please assign it to me. I would be glad to start contributing in open-source with freeCodeCamp.
There is no assignment, you can open a PR, after you have read out our guidelines


Question: (getUserInput) => $.get(getUserInput('url') + '/_api/package.json').then( (data) => { <del> var packJson = JSON.parse(data); assert(packJson.dependencies.helmet === '3.21.3'); </del> <ins> const packJson = JSON.parse(data); const helmet = packJson.dependencies.helmet; assert(helmet === '3.21.3' || helmet === '^3.21.3'); </ins> }, (xhr) => { throw new Error(xhr.responseText);

Challenge: this challenge need instructions on how to actually install the specified version? On if you search for a package it will just give you the latest version. you run it will add the package with the caret in front of the version number but the test does not allow for that. Should the test allow for the caret?
If changing the tests to allow does not cause any of the versioning issues mentioned previously, then we should go with that. Otherwise, we could add a note that the camper should use :
Just bringing this back up: Are we changing the tests, or changing the instructions to be explicit about the versioning?
Personally, I'd say both. Show the npm command for how to install a specific package version and make the test ignore/accept the caret.
I like that. This kind of lesson is so short, I also think it would be useful to add the information about . I am going to open this up for general help
Hi, I do exactly like npm install --save-exact helmet and helmet = require('helmet'); but still not pass the challenge, anyone, please help me, thanks
Hey , Without seeing your code, or being able to test your project, it will be difficult to assist. Please make use of the to open a topic, and provide as much detail as possible. It will be easier to assist that way.
my code: var express = require('express'); var app = express(); const helmet = require('helmet'); { "name": "fcc-infosec-challenges", "version": "0.0.1", "description": "fcc backend boilerplate", "main": "", "scripts": { "start": "node " }, "dependencies": { "express": "^4.14.0", "helmet": "3.21.3" }, "keywords": [ "node", "hyperdev", "express", "freecodecamp" ], "license": "MIT" } and the test result: // running tests helmet version 3.21.3 should be in // tests completed Please help me to solve this. thanks
As mentioned, please use for questions that involve debugging challenge or project solutions. Thank you.


Question: ] ], "type": "hike", <del> "challengeType": 6 </del> <ins> "challengeType": 6, "nameEs": "Herramientas de desarrollo de Chrome: Fuentes", "descriptionEs": [ "La pestaña 'fuentes' es más útil para la depuración de JavaScript. Cuanto más grande sea tu proyecto, tanto más difícil resulta encontrar exactamente dónde se produce un problema. ", "Puedes seleccionar diferentes partes del código para ser 'puntos de interrupción', puestos de control que detendrán la ejecución del código en ese preciso momento. ", "Hay diferentes puntos de interrupción que puedes establecer, por ejemplo una línea de código específica, un evento del DOM, una petición del servidor llamada solicitud XMLHTTP, o un evento de JavaScript.", "Cuando estableces un punto de interrupción, el navegador detiene todo cuando llega a interpretar esa línea de código o evento.", "Al reducir la velocidad de todo y darte la oportunidad de examinar lo que está sucediendo en cada punto que hayas configurado, podrás controlar exactamente lo que está sucediendo en la página o aplicación.", "Una vez has establecido todos los puntos de interrupción, puedes recorrer el código y examinar el estado de tu página o aplicación en cada punto de interrupción.", "Al igual que con los elementos, puedes editar en vivo mediante las herramientas de desarrollo, pero recuerda que debes guardar esos cambios para que no pierdas tu progreso.", "Revisa documentación más detallada aquí: developers.google.com/web/tools/javascript/breakpoints/" ] </ins> }, { "id": "56b15f15632298c12f315181",

[x] Chrome Dev Tools: Elements [x] Chrome Dev Tools: Network [x] Chrome Dev Tools: Sources [x] Chrome Dev Tools: Timeline [x] Chrome Dev Tools: Profiles [x] Chrome Dev Tools: Resources [x] Chrome Dev Tools: Audits [x] Chrome Dev Tools: Console [x] Chrome Dev Tools: Summary
Working on it


Question: ], "tests": [ "assert($("body").css("background-color") === "rgb(255, 165, 0)", 'Give your body element the background-color of orange.')",  "assert(editor.match(/#FFA500/g) && editor.match(/#FFA500/g).length > 0, 'Use the hex code for the color orange instead of the word orange. For example body { color: #FFA500; }.')"   "assert(editor.match(/#FFA500/ig) && editor.match(/#FFA500/ig).length > 0, 'Use the hex code for the color orange instead of the word orange. For example body { color: #FFA500; }.')"  ], "challengeSeed": [ "

! Same with the other waypoints that ask for a hex code that includes alpha chars.
Green worked fine.. blue has case issue.


Question: 1. [Contribua para essa base de códigos abertos.](#contribua-para-essa-base-de-códigos-abertos) <del> Nos ajude criando e editando [Artigos de guias](https://www.freecodecamp.org/guide), [desafios de código](https://www.freecodecamp.org/learn) e corrigindo bugs na plataforma de aprendizado. </del> <ins> Nos ajude criando e editando [Artigos de guias](https://guide.freecodecamp.org), [desafios de código](https://www.freecodecamp.org/learn) e corrigindo bugs na plataforma de aprendizado. </ins> 2. Ajude campistas em nosso [fórum público](https://www.freecodecamp.org/forum/).

Describe your problem and how to reproduce it: Link to "Guide website" is different from English version. Portuguese version is redirecting to "". English version is redirecting to "". Add a Link to the page with the problem: English version Portuguese version Tell us about your browser and operating system: Browser Name: FireFox Browser Version: 68.0 Operating System: Windows 10 Professional


Question: font-family: 'Lato', sans-serif; font-size: 1.1rem; margin: 0; <del> color: var(--gray-75); </del> <ins> color: var(--quaternary-color); </ins> } .testimonial-meta p:last-child { margin-top: 15px;

Looking forward for reporting a security issue: Please report security issues by sending an email to instead of raising a GitHub issue. Describe the bug The heights of the SVG files on the landing page vary, which causes the certification chart to look inconsistent. To Reproduce <img width="946" alt="zoomfloatingvideowindowandLearntoCode—ForFree—CodingCoursesforBusyPeople" src="https://user-"Desktop (please complete the following information): OS: Mac Browser: Chrome Version: Version 88.0.4324.96 (Official Build) (x86_64)
Hi Quincy, I let know about this already.
in min height, so should take care of it.


Question: }); if (lastChallenge.length) { lastChallenge = lastChallenge[lastChallenge.length - 1]; <del> var scrollTo = $(lastChallenge).offset().top - 250; $('html, body').scrollTop(scrollTo); </del> <ins> var scrollTo = $(lastChallenge).offset().top - 400; $('.map-accordion').scrollTop(scrollTo); </ins> } }

I really do like the SideCar (I'm assuming that's what your using) Map menu! It gives really quick access to previous challenges. It would cool if the "collapse all challenges" area was fixed to top and everything would slide under it. That way, users wouldn't have to scroll all the way up or down if they're looking for something specific - they would just collapse everything and go to the specific component they're looking for.
I agree. Totally makes sense to have it fixed to the top somehow.
I'm going to start working on this now, should have a PR open shortly.


Question: </tbody> </table> <nav <del> aria-label="Timeline Pagination" role="navigation" </del> <ins> aria-label="aria.timeline-pagination-nav" </ins> > <ul aria-hidden="true"

The is being hard-coded with an English string, we should change this to use a translation string instead. Additionally, the attribute is redundant as already has role implicitly. Replace the string with a translation string, something like (the string also needs to be to ) Remove


Question: Your fCC Authors Page is now complete. But you could improve on a few things. <del> First, if you click the `Load More Authors` button a couple of time, you'll see that it won't add more authors to the page. That's because you've reached the end of the authors list. For a better user experience, you should make it clear when there's no more data to display by disabling the button and changing its text. An `if` statement is the perfect tool for this. </del> <ins> First, if you click the `Load More Authors` button a couple of times, you'll see that it won't add more authors to the page. That's because you've reached the end of the authors list. For a better user experience, you should make it clear when there's no more data to display by disabling the button and changing its text. An `if` statement is the perfect tool for this. </ins> Inside the `fetchMoreAuthors` function, write an `if` statement and set the condition to `authorDataArr.length <= endingIndex` – meaning there's no more data to load.

There is a typo in the following sentence: . Rectify typo from time to times. No response Device: Laptop OS: Windows 11 Pro 23H2 .3880 Browser: Brave Version: Version 1.67.134 Chromium: 126.0.6478.186 (Official Build) (64-bit)]() No response
This has been opened for First Timers only contribution. The first comprehensive PR created will be reviewed and merged. We typically do not assign issues to anyone other than long-time contributors. If you would like to contribute and have not read the contributors docs, please do so here: If you have any issues with contributing, be sure to join us on the , or on the Happy coding


Question: ```js function nonMutatingSplice(cities) { <del> // Only change code below this line return cities.splice(3); // Only change code above this line </del> <ins> return cities.splice(3); </ins> } <ins> ``` </ins> <del> const inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"]; nonMutatingSplice(inputCities); </del> <ins> ## --after-user-code-- ```js const _inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"]; </ins> ``` # --solutions--

This code has the comments, but really we shouldn't be using variables in the user code for tests. Rewrite test to use private variable. No response All No response


Question: # --description-- <del> `Get in` means to enter a place, while `get out` means to leave a place. For example, in the dialogue, Jake tells Sarah he can `get in or out` after he hears the door click, meaning he can enter or leave the building. </del> <ins> `Get in` means to enter a place, while `get out` means to leave a place. For example, in the dialogue, Jake tells Sarah she can `get in or out` after she hears the door click, meaning she can enter or leave the building. </ins> # --question--

On the current page exist this sentence: But when you listen to the audio, it sounds like Jake explained to Sarah, so I think it should be instead of all over the sentence. n/a No response n/a No response
HI ! Thank you for opening up this issue. I agree that it would make more sense to change the pronouns here since this is talking about what Sarah is going to do. This is has been opened for contribution. The first comprehensive PR created will be reviewed and merged. We typically do not assign issues to anyone other than long-time contributors. If you would like to contribute and have not read the contributors docs, please do so here: If you have any issues with contributing, be sure to join us on the , or on the
Well, I wished I was working on this pull request to fix the typo I reported, but it seems someone took over than me and didn't ask to work on and change it more than it should
We typically do not assign issues. Instead, we accept the first pull request that comprehensively solves the issue. Issues labelled with or are open for contributions. Please make sure you read . We prioritize contributors following the instructions in our guide. Join us in or if you need help contributing - our community will be happy to assist you.
Thanks for the explanation. I just shared my frustration, but I understand someone taking over and opening the PR, and I'm happy about it since sometimes not all who open issues will work on them or have the knowledge to do so. Maybe next time


Question: # --description-- <ins> In previous steps you used an anchor element to turn text into a link. Other types of content can also be turned into a link by wrapping it in anchor tags. </ins> Turn the image into a link by surrounding it with necessary element tags. Use `https://freecatphotoapp.com` as the anchor's `href` attribute value. # --hints--

I think we can clarify this step with one small tweak. Currently the instructions say Students seem to often miss what is going on here and try to make a combo img-anchor element. We could modify it to add a brief bit of context No response All No response
I'm happy to work on and fix this issue if that's alright with you?
I like what you've proposed here I think I might have proposed something similar for this step a while ago, but I'm getting old so my memory may not be as good as it used to be.
Thanks for creating an issue about this That should help cut down on the confusion in this step quite a bit. I vaguely recall mentioning something similar before, so it's great you opened up an issue so we can improve this step. feel free to open up a PR for this. We don't typically assign issues. Instead, we look for comments in issues like yours expressing interest, and the first comprehensive PR that's submitted is reviewed and merged.
Is this issue still open?
I see a "first timers only" tag and a "help wanted" tag on this issue. Are we just waiting on a couple of fixes to be chosen from, or can I work on this issue since I am a first timer?
Hey the first pull request that solves issue, while following contribution guidelines, will be merged.


Question: <ins> <!-- do not translate this --> | [Read these guidelines in other languages](/docs/i18n-languages) | |-| <!-- do not translate this --> # Как создать Pull Request (Пулл Реквест) ## Как сделать хороший заголовок для Pull Request: Создавая Pull Request (PR), воспользуйтесь данной таблицей, чтобы решить, как правильно озаглавить PR в формате: `fix/feat/chore/refactor/docs/perf (scope): PR Title` Например: `fix(learn): Fixed tests for the do...while loop challenge`. | Область | Описание | |---|---| | `learn`,`curriculum` | Для PR'ов, которые вносят изменения в учебный план. | | `client` | Для PR'ов, которые вносят изменения в логику клиентской платформы или пользовательский интерфейс. | | `guide` | Для PR'ов, которые вносят изменения в инстукции. | | `docs` | Для PR'ов, которые вносят изменения в документацию. | ## Создание Пулл Реквеста (PR) 1. После того, как вы внесёте какие-нибудь изменения в свой форк репозитория, GitHub предложит вам создать PR ![Изображение - Предложение о создании PR](/docs/images/github/compare-pull-request-prompt.png) 2. По умолчанию все PR создаются в ветку `master` основного репозитория freeCodeCamp При создании PR, убедитесь, что в поле "base fork" указан репозиторий freeCodeCamp/freeCodeCamp ![Изображение - Сравнение форков при создании PR](/docs/images/github/comparing-forks-for-pull-request.png) 3. Нажать на кнопку "Create pull request", для создания PR из вашей верки в ветку `master` freeCodeCamp. 4. В поле описания PR добавьте более подробный отчёт сделанных вами изменений и причины по которым появилась такая необходимость - Вам будет предоставлен шаблон, который содержит контрольные список пунктов, которые вам необходимо выполнить, прежде чем вы создадите PR. - Заполните эти пункты. Опираясь на них, будет приниматься решение о рассмотрении и принятии вашего PR - Если PR предназначен для исправления существующей ошибки/проблемы, то в конце описание вашего PR добавьте ключевое слово `closes` и #xxxx (где xxxx это номер выпуска). Например: `closes #1337`. Так GitHub поймёт, что при успешном принятии PR нужно автоматически закрыть Issue с указанным номером 5. Укажите, тестировали ли вы локальную копию сайта или нет. Тестирование необходимо, когда вы не просто меняете какой-то текст (например, статью руководства), а изменяете JavaScript, HTML или CSS файлы, которые могут изменить функциональность или макет страницы. </ins>

from its english version at from its english version at from its english version at from its english version at from its english version at from its english version at
Please, review
[x] [x] /docs/russian/how-to-work-on-coding- [] ()
Fixes the html links in the top language bar for all language README docs. Not a translation, but just link fixes. Once the Russian README files get merged, we can add the markdown style for links to all the articles in Russian too!
started to review PRs. ping me if more help needed reviewed and requested changed at LGTM from native russian speaker view LGTM Resolve conflict is needed
Hi, guys! Please review my PR
Thanks for working on the translations for the "Contributing to freeCodeCamp". Here on we are making contributing to translations for contribution docs ad hoc. You are free to make pull-requests for improving these translations. We are closing the issue as these do not need tracking per se. You can raise a fresh issue if you find something incorrect in the existing docs.


Question: *   Angular - The Angular Homepage *   Angular Style Guide - Detailed best practices for Angular Development *   Angular Material - Excellent UI Framework that was built for Angular  * Angular Bootstrap Boilerplate - Free, responsive CRUD application starter with NgRx state management, Firebase backend and material design  ### Specific-topic Pages

Please consider adding the to It's a useful, open-sourced Angular CRUD application starter with NgRx state management and Firebase backend.
- please feel free to submit a Pull Request with the content you would like to have . If you have questions or concerns regarding a Pull Request, please feel free to drop by the I have the help wanted label as well in case anyone else is interested.
Adding the label. This looks like a good first PR for a new contributor.
Hi. I am new to this. Can I take this on?
Thanks, ;) of course, you can take this on
I stil do not see it here:
We still haven’t deployed the current master to production. It will be done shortly


Question: *, ::before, ::after { padding: 0; margin: 0; <ins> box-sizing: border-box; </ins> } --fcc-editable-region--

Someone in the forums pointed out that adding the property just to will not have the intended effect since the property is not inherited. It appears to me that removing this property completely from in the final product does not seem to make any difference to the layout. Do we need ? If so, if the intent is to apply it to all elements then it should probably be moved to the rule set. Either remove completely or move it into the ruleset. No response N/A No response
Pretty sure I saw this in another challenge too and it got fixed. The CSS used looks like the of setting the but with the actual inheriting missing from the code. It should be fixed, but I would not suggest we remove , setting that (in my opinion) is pretty much a best pratice.
I'm guessing it would be easier and take less explaining to update step 26 to add the on that selector and then remove the mention of it in step 27. Then update all the seed code.
Just a heads up, if lasjorg PR merged without issue, balance sheet project suffer the same issue, we can open a PR or issue for it, if the PR is merged. Except that the balance sheet project , doesn't do much and moving it break the layout.


Question: Add all your code for these lessons in the `server.js` file between the code we have started you off with. Do not change or delete the code we have added for you. <del> BCrypt has already been added as a dependency, so require it ad `bcrypt` in your server. </del> <ins> BCrypt has already been added as a dependency, so require it as `bcrypt` in your server. </ins> Submit your page when you think you've got it right.

There is a typo in Understand BCrypt Hashes, is used instead of . Here is the typo If you would like to fix this issue, please make sure you read , we prioritize contributors following the instructions in our guides. Join us in if you need help contributing, our moderators will guide you through this. Sometimes we may get more than one pull requests. We typically accept the most quality contribution, followed by the one that is made first. Happy contributing.


Question: <del> const assert = require('chai').assert; </del> <ins> const { assert, AssertionError } = require('chai'); const Mocha = require('mocha'); </ins> const { flatten } = require('lodash'); const path = require('path');

Describe the bug Several warnings in the Travis CI builds: To Reproduce Steps to reproduce the behavior: a PR the output in Travis CI build Expected behavior Cleaner builds; maybe reduce build time(?) Screenshots ! Additional context Error references this documentation: Live Demo in doc:


Question: "passport-local": "^1.0.0", "passport-oauth": "^1.0.0", "passport-twitter": "^1.0.2", <ins> "ramda": "^0.10.0", </ins> "request": "^2.49.0", "sitemap": "^0.7.4", "uglify-js": "^2.4.15",

the first line in the function says - it wont pass testing unless you change it to Browser Name: Firefox Browser Version: 60.0.1 Operating System: High Sierra ! <hr!
You don't have to it, but because of strict mode it does need to be declared with , , or .
so its missing the then?
That's how I would update it.

i am suspecting another small bug, the next challenge after succesful code run in Bonfire: Chunky Monkey actually points to itself


Question: "Put the "like", "Info" and "Delete" buttons side-by-side by wrapping all three of them within one <div class="row"> element, then each of them within a <div class="col-xs-4"> element.", "Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a div element.", "Here's a diagram of how Bootstrap's 12-column grid layout works:",  "",   "",  "Note that in this illustration, we use the col-md-* class. Here, "md" means "medium", and "*" is a number specifying how many columns wide the element should be. In this case, we're specifying how many columns wide an element should be on a medium-sized screen, such as a laptop.", "In the Cat Photo App that we're building, we'll use col-xs-*, where "*" is the number of columns wide the element should be, and "xs" means "extra small", like an extra-small mobile phone screen.", "The row class is applied to a div, and the buttons themselves can be wrapped within it."

Spelling error: The waypoint requirements say, "You should have three li elements on within your ol element." I think "within" is the better choice here.

Typo on the first test "your text field have the property of being required". Also, the second test passes even if the placeholder text field is empty.
Thanks for the report, the copy has been updated.

This isn't exactly a bug, but in the description for the challenge, there is an image that shows how bootstrap lays out elements on a page. This image is way too small to see or read any of the text in the image, and there doesn't seem to be a good way to get a larger version of the image.
Thanks, we've updated the copy to have the image link to the specific section of the bootstrap website!

One of the requirements are not fulfilled (Wrap your all of your checkboxes inside one div with the class "row".) even though the codes have fulfilled the requirement. Per checking my code 3 times, I know I have fulfilled the requirement. Kindly check and see if this is just an error on my part. Thank you.

<link href='' rel='stylesheet' type='text/css'

That test has a typo, it should tell you to wrap your input field and button in the div (like it does in the instruction text), not the checkboxes. Also, if you wanna show your html, .
Alright! That worked! Thank you very much! :) Should I close this issue now? Newb in Github here.
The "bug" is still present so you can leave it open. If you want to fix it yourself, you can open a pull request. If you look it seems like an easy fix, and you can use the little pencil button at the top to do it all right from within GitHub.
I'm actually lost with Github. Tried opening a pull request but I really don't know where to go. I guess I ll study Github first?
Thanks for bringing this issue up. We've cleaned up the copy!


Question: The `copyMachine` function should utilize the `spread operator` with array `arr` ```js <del> assert(code.match(/...arr/)); </del> <ins> assert(code.match(/...s*arr/)); </ins> ``` # --seed--

On , the task is to use the spread operator to copy an array. JS semantics allow the spread operator to have whitespace between it and the object it is being applied to. The following is valid: However, in the challenge, any whitespace between the operator and the value will cause the test to fail. The issue is with the test regex here: Which should probably be amended to: NOTE: this issue was , I am submitting it on their behalf. Whitespace between the spread operator and the object it is being applied to should not cause the test to fail. No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22] No response
Looks like a good beginner friendly fix to me
Thanks for opening this issue. This looks like something that can be fixed by "first-time" code contributors to this repository. Here are the files that you should be looking at to work on a fix: List of files: Please make sure you read our , we prioritize contributors following the instructions in our guides. Join us in our or our if you need help contributing; our moderators will guide you through this. Sometimes we may get more than one pull request. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.


Question: "assert.deepEqual(myArray, [0,1,2,3,4], 'message: myArray should equal [0,1,2,3,4].');" ], "challengeSeed":[  "ourArray = [];",   "var ourArray = [];",  "for(var i = 0; i < 5; i++){", "  ourArray.push(i);", "}",

The left sidebar has var ourArray = []; But the code only has ourArray = []; Then the code has var myArray = []; It runs with our without the pink var (declaration I think)... Just might want to fix the typo or have it be consistent or explained that it will work either way... Challenge has an issue. User Agent is: <codeMozilla/5.0 (Macintosh; Intel Mac OS X ) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. My code:
This is a typo. The seed code is missing in front of the initial declaration of ourArray. While this will run it's a bad practice and should be fixed.
thanks for pointing this out! Confirmed and marked as easy fixable. Also I've renamed the title of the issue, please, provide more descriptive title next time, thanks.


Question: User Story #14: My legend should contain rect elements. User Story #15: The rect elements in the legend should use at least 4 different fill colors. User Story #16: I can mouse over an area and see a tooltip with a corresponding id="tooltip" which displays more information about the area.  User Story #16: My tooltip should have a data-year property that corresponds to the data-year of the active area.   User Story #17: My tooltip should have a data-year property that corresponds to the data-year of the active area.  Here is the dataset you will need to complete this project: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing.

This project has two user stories that are listed as !
Thank you, for spotting this. This is an easy fix; Here is the culprit file:
hi , Can I go ahead with this?
Hello , As you are considered a Contributor (made at least 1 contribution), I suggest you leave this open to first timers. Thank you, for your understanding.
Hey I figured I'll mention here. I was not aware that we could not do it ourselves. I apologize for the inconvenience.
Hi can I work on this? I am a first-timer
Hi , I think this issue has already been picked up. Feel free to claim an issue with label .
I think that I sent it through but I'm unsure if I did it correctly. It might still need someone with Write access to accept the edits?
I can check it for you
Hi I'm unsure if I am doing this correctly but I have a pending pull request. It needs approval to be submitted.
Hello , sorry, things are quite busy. You have done what you needed to, and, as it stands, your PR is approved. Thank you, for your patience.
Ok thanks for the heads up!

It flashes the form fields for a second and then is blank between "Update your profile here:" and "Actions" headings. Here's the console error: TypeError: Cannot read property 'toLowerCase' of undefined at at at at l.$eval () at l.$digest () at l.$apply () at l () at O () at () That looks like it's on the $() on line 49. The JSON from my /account/api doesn't have a user.profile.username key. Maybe it would be a simple fix of piping? () '';
Which method did you use to sign up for freecodecamp? It's an issue of your username not existing.
Signed up with email.
How long ago did you sign up for FCC? On Mon Jan 12 2015 at 11:40:50 AM Justin Rogers wrote:
Around December 8th. Am I the only document without a username in the db?