jiebi/CodeConvo huggingface dataset:
Change:
redirects to the wrong Guide article URL, causing a 404.
I would like to do this. Can you assign this to me?
Sure - thanks for volunteering to tackle this. Yes - please keep me posted on your progress :)
It is the 'Get a hint' button on the page. Probably needs a stub to avoid the 404.
is contributing to the guide a thing too? adding a stub here: should help. More challenging: write the guide :)
Yes - we would welcome your contributions to the guide.
Is the issue sorted or can I work on this ?
The problem is settled here:
Is this the same as this issue: ?

Discussion:
<ins> --- title: Improve Compatibility with Browser Fallbacks --- ## Improve Compatibility with Browser Fallbacks <!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  --> We need to add a fallback to the ```background``` property of the ```.black-box`` class. ### Example ```css :root { --black-color: black; } .black-box { background: var(--black-color); width: 100px; height: 100px; } ``` ## Solution Add a fallback to the ```background``` property before the existing background declaration: ```css :root { --black-color: black; } .black-box { background: black; background: var(--black-color); width: 100px; height: 100px; } ``` </ins>
Change:
<!-- 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: The challenge wants the user to do a ("Hello World"); which sounds simple enough but it doesn't specify that it has to be in the but it eventually does with the error "hello world is not in the " or a similar error but when you go to the you see this: /* PLEASE DO NOT EDIT THIS FILE the verification process may break / It's jarring for someone who doesn't know about this language or system yet. I suggest changing "file" into "file section" or "section of the file" just to prevent confusion. As one material (the challenge page) is telling me to edit the file while the other material (the glitch material) is telling me NOT to edit the file. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Browser Version: Operating System: If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box):**
I agree, we can clarify the instructions to something like: To get started, just print the classic "Hello World" in the console. You need to modify the file. The file shouldnt be modified at all. There is in which you can add and the latter challenges code.
Can I take this issue?
If I remember correctly, that's what I did first. I did the on the and it gave me the error of "log isn't in the server"(paraphrased). Just to clarify that that's what happened. If you mean that the challenge should instead change so that it's the that should be manipulated, then I think that's better.
Sure! I'm still very new and inexperienced so I leave it to your more capable hands! 8D
I have started course and in my Glitch app there is no file, also putting console log in is also not working
You need to use the boilerplate project mentioned in the introduction challenge.
Okay just to make it clear... First I cloned the Github boilerplate-express-gomix template... I'm not a big fan of Glitch... So if I have a project on Github at similar URL then logically file would be located at Now my question is pretty simple... JUST WHICH EXACT URL should I use in this case... this is a bit confusing... I managed to pass the whole previous Managing Packages with Npm section, still I had a bit of of hard time finding the proper URL to point to I found the main way to make it work in my case was to select the file, then click on Raw button. That would give me a similar URL which I later passed in the URL. Any hint on how to make the boilerplate project URL work with Github Thank you...
I think this should be to the Hint: "Use the new Glitch link for this episode" See this forum posts:

Discussion:
## Instructions <section id='instructions'> <ins> Modify the <code>myApp.js</code> file to log "Hello World" to the console. </ins> </section> ## Tests
Change:
<!-- NOTE: If you're reporting a security issue, don't create a GitHub issue. Instead, email We will look into it immediately. --Issue Description Following the given instructions. The test will fail for the border-stroke($val) { $val === light { border: 1px solid black; } if $val === medium { border: 3px solid black; } if $val === heavy { border: 6px solid black; } { border: none; } } The checkmark at the bottom left says: "Your mixin should have an statement to set the border to none." and it will pass if using "none" but not "no border" as suggested. My suggestion is to replace "no border" from the instructions with "none" Link to the page with the problem: browser and operating system: Browser Name: Chrome Browser Version: Version 71.0.3578.98 (Official Build) (64-bit) Operating System: MacOs Sierra Version 10.12.6
Are you still facing this problem because on my end the code is working fine?
Hi yes. I still have the same issue. Following the instructions, the last test doesnt pass ! If I put 'border: none' in the statement it passes !
I believe the instruction is little misleading. It should have been 'no border - none' instead of 'none - border' as border doesn't doesn't have a property called "no border" but does have a property called "none". I could change the description of it to reduce confusion. Please let me know if this clarifies your concern or if it is a completely different issue.
yes, it has clarified my issue. Thank you for your help.

Discussion:
<section id="description"> Sass中的<code>@if</code>指令对于测试特定情况很有用 - 它就像JavaScript中的<code>if</code>语句一样。 <blockquote> @mixin make-bold（$ bool）{ <br> @if $ bool == true { <br> font-weight：bold; <br> } <br> } </blockquote>就像在JavaScript中一样， <code>@else if</code>和<code>@else</code>测试更多条件： <blockquote> @mixin text-effect（$ val）{ <br> @if $ val == danger { <br>红色; <br> } <br> @else if $ val == alert { <br>颜色：黄色; <br> } <br> @else if $ val == success { <br>颜色：绿色; <br> } <br> @else { <br>颜色：黑色; <br> } <br> } </blockquote></section> ## Instructions <del> <section id="instructions">创建一个名为<code>border-stroke</code>的<code>mixin</code> ，它接受一个参数<code>$val</code> 。 <code>mixin</code>应使用<code>@if</code> ， <code>@else if</code>和<code>@else</code>检查以下条件： <blockquote>光 -  1px纯黑色<br>中等 -  3px纯黑色<br>重 -  6px纯黑色<br>没有 - 没有边界</blockquote></section> </del> <ins> <section id="instructions">创建一个名为<code>border-stroke</code>的<code>mixin</code> ，它接受一个参数<code>$val</code> 。 <code>mixin</code>应使用<code>@if</code> ， <code>@else if</code>和<code>@else</code>检查以下条件： <blockquote>光 - 1px纯黑色<br>中等 - 3px纯黑色<br>重 - 6px纯黑色 </blockquote> 如果<code>$val</code>不是<code>light</ code>，<code>medium</code>，或者<code>heavy</code>，则边框应该设置为<code>none</code>。 </section> </ins> ## Tests <section id='tests'>
Change:
Describe your problem and how to reproduce it: Solution to this challenge doesn't take into account that: Three-or-more-character usernames with a single alphabet letter character at the beginning are obviously the solution as well. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Google Chrome Browser Version: Version 71.0.3578.98 (Official Build) (64-bit) Operating System: Ubuntu Mate 16.04 LTS If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box):
I suggest this solution: Obviously, my solution uses positive lookahead (studied few challenges forward in the curriculum).
If my understanding is correct, from this description: "1) The only numbers in the username have to be at the end. There can be zero or more of them at the end." it sounds like you cannot mix letters and digits together. So if you have 3 or more letters, but only 1 at the beginning, that means that the rest have to be mixed with other numbers, and this is the reason is not covered in the solution. The fact that your solution passes, could be an issue in the test cases maybe. What do you think? I am willing to fix this once we can decide whether the description & solutions are wrong, or the test cases.
I mistakenly wrote letter instead of character in three-or-more-character. I corrected it. You can check my solution in a website like regexr with the examples of usernames. Thanks for showing interest!
This challenge was recently updated. The solution to the challenge file... This can be put in the guide.

Discussion:
## Solution: ```javascript let username = "JackOfAllTrades"; <del> let userCheck = /^[a-z]{2,}d*$/i; </del> <ins> const userCheck = /^[a-z]([0-9]{2,}|[a-z]+d*)$/i; </ins> let result = userCheck.test(username); ``` ## Explain: <del> 1. The only numbers in the username have to be at the end. `d$` There can be zero or more of them at the end. `*` ```javascript /d*$/; ``` 2. Username letters can be lowercase and uppercase. `i` ```javascript /d*$/i; ``` 3. Usernames have to be at least two characters long. `{2,}` A two-letter username can only use alphabet letter characters. `^[a-z]` ```javascript /^[a-z]{2,}d*$/i; ``` </del> <ins> 1. `^` - start of input 2. `[a-z]` - first character is a letter 3. `[0-9]{2,0}` - ends with two or more numbers 4. `|` - or 5. `[a-z]+` - has one or more letters next 6. `d*` - and ends with zero or more numbers 7. `$` - end of input 8. `i` - ignore case of input </ins>
Change:
Describe the bug On retina displays, this is what Learn's search navbar looks like on retina displays (2012 and beyond Macbooks): <img width="1064" alt="welcometolearnfreecodecamp" src="https://user-"Note that the Guide's navbar looks fine on Retina displays: <img width="1222" alt="freecodecamp_guide" src="https://user-"To Reproduce Steps to reproduce the behavior: to '...' on '....' down to '....' error Expected behavior A clear and concise description of what you expected to happen. Screenshots If applicable, add screenshots to help explain your problem. Desktop (please complete the following information): OS: [e.g. iOS] Browser [e.g. chrome, safari] Version [e.g. 22] Smartphone (please complete the following information): Device: [e.g. iPhone6] OS: [e.g. iOS8.1] Browser [e.g. stock browser, safari] Version [e.g. 22] Additional context Add any other context about the problem here.
sorry, I believe this is due to some of the changes I made way back in Fortunately, I don't think this was brought over into the monorepo. Does the navbar look like that when the site is running locally?
Yes - the navbar still looks slightly offset on my retina display when running locally: <img width="1187" alt="welcometolearnfreecodecamp" src="https://user-"The search field is way too wide, too, though that probably deserves a separate issue
sorry about that! Will take another crack at fixing the search bar soon.
Hi Thanks for working on this. Please let me know when you have the PR ready so we could review and merge it ASAP.
sorry for the delay with this! Been flying a bit blind since I don't have a Retina screen device of my own. Ended up using some kiosk MacBooks and playing with the CSS in the browser. Could only test with Safari, but I suspect that this is caused by the search bar having an undefined height. I'm just about to submit a PR, so could you and check it out when you can?

Discussion:
.fcc_searchBar { flex-grow: 1; padding: 0 10px; <ins> max-height: 33px; </ins> } .fcc_searchBar .ais-SearchBox-input,
Change:
There is a disparity between the current Legacy Data Vis Cert ID and what was once the Data Vis Cert at the beginning of 2018. Legacy Cert id for Data Viz: (on master) Legacy Data Vis Cert id found in some user records:
I did some related investigating on this...
I think there is a similar problem with fullstack certs. I am curious, how did you find out they were different?

Discussion:
if (user[certType]) { const { completedChallenges = [] } = user; <del> const { completedDate = new Date() } = _.find(completedChallenges, ({ id }) => certId === id) || {}; </del> <ins> const certChallenge = _.find( completedChallenges, ({ id }) => certId === id ); let { completedDate = new Date() } = certChallenge || {}; // the challange id has been rotated for isDataVisCert // so we need to check for id 561add10cb82ac38a17513b3 if (certType === 'isDataVisCert' && !certChallenge) { console.log('olderId'); let oldDataVisIdChall = _.find( completedChallenges, ({ id }) => '561add10cb82ac38a17513b3' === id ); if (oldDataVisIdChall) { completedDate = oldDataVisIdChall.completedDate || completedDate; } } </ins> const { username, name } = user; return res.json({
Change:
<!-- 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: Challenge test text typically capitalized, but the one for Cascading CSS Variables is not. Add a Link to the page with the problem: Live: Suggested Change: Tell us about your browser and operating system: Browser Name: Chrome Browser Version: Chrome Operating System: Chrome OS
Hello can I work on this issue? I'd like to start contributing. kind regards!
Go for it! Thanks for giving us a hand! You will need to follow the to set up freeCodeCamp locally. Also, we are hanging out in . You can ask for help there, or just come say hi :)
Thanks, yeah sure, see you at Glitter's Contributors chatroom
is it fixed ? i would like to contribute
there has been a pull request already submitted Thanks for your interest! Please take a look at the other issues. Happy coding!
Close the issue?

Discussion:
```yml tests: <del> - text: declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>. testString: assert(code.match(/:roots*?{[sS]*--penguin-bellys*?:s*?pinks*?;[sS]*}/gi), 'declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>.'); </del> <ins> - text: Declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>. testString: assert(code.match(/:roots*?{[sS]*--penguin-bellys*?:s*?pinks*?;[sS]*}/gi), 'Declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>.'); </ins> ```
Change:
Good day, everybody! Hopefully you have had a great day so far :) I want to mention a possibility for improvement. In the lesson the task is: The code editor has a CSS rule to style all tags black. Add a rule so that when the user hovers over the tag, the is blue. The code window shows: The lesson doesn't allow to solve this task using HexCode: I think that this solution (and others; I tested rgb and rgba and both don't work as well) should be allowed as the code already entered suggests using this way of expressing "blue" and the task itself doesn't state anything about how to express it. Hex code and other ways of expressing "blue" were taught already at this point. ! michael-wise pointed this already out in the FCC forum. A bot referred him to GitHub, but I was unable to locate the issue here. Of course, this is just a minor issue, but I hope this nevertheless helps! All the best, Leo
I see what you mean - the test checks if the solution contains 'a:hover {color: blue}', not if the link actually turns blue. I'll see what I can do.

Discussion:
- text: The anchor tag <code>color</code> should remain black, only add CSS rules for the <code>:hover</code> state. testString: assert($('a').css('color') == 'rgb(0, 0, 0)', 'The anchor tag <code>color</code> should remain black, only add CSS rules for the <code>:hover</code> state.'); - text: The anchor tag should have a <code>color</code> of blue on hover. <del> testString: assert(code.match(/a:hovers*?{s*?color:s*?blue;s*?}/gi), 'The anchor tag should have a <code>color</code> of blue on hover.'); </del> <ins> testString: assert(code.match(/a:hovers*?{s*?color:s*?(blue|rgba(s*?0s*?,s*?0s*?,s*?255s*?,s*?1s*?)|#00F|rgb(s*?0s*?,s*?0s*?,s*?255s*?))s*?;s*?}/gi), 'The anchor tag should have a <code>color</code> of blue on hover.'); </ins> ```

## Solution <section id='solution'> <del> ```js // solution required </del> <ins> ```html <style> a { color: #000; } a:hover { color: rgba(0,0,255,1); } </style> <a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a> </ins> ``` </section>
Change:
Describe the bug After downloading the solution, pressing the shortcut (Ctrl + Enter) should take us to the next challenge. However, it also downloads the solution. To Reproduce Steps to reproduce the behavior: a challenge on "Run the Tests" (Assuming you have passed the test cases), a modal window appears with 2 options - "Submit and go to next challenge(Ctrl + Enter)" and "Download my solution" on "Download my solution", which will download the solution in json format Ctrl + Enter is downloaded again are taken to the next challenge Expected behavior On pressing Ctrl + Enter after downloading the solution, we should be taken to the next challenge as it is the shortcut for "Submit and go to next challenge(Ctrl + Enter)". It should not download the solution again. Desktop (please complete the following information): OS: Windows 10 Home Browser: Chrome Version: 71.0.3578.98
I could reproduce the bug, and I'd like to try to fix this. Could someone help point me in the right direction?
i was also thinking of working on this issue. Would you like to work on this together? I am new to this repository as well
sure! That'll be great.
This issue happens provided the person is signed in to FCC. This bug does not happen when the user is signed out

Discussion:
close: () => dispatch(closeModal('completion')), handleKeypress: e => { if (e.keyCode === 13 && (e.ctrlKey || e.metaKey)) { <ins> e.preventDefault(); </ins> dispatch(submitChallenge()); } },
Change:
Clicking on link in the code preview (for example on "The Garfield Files") opens up web page with all three modules again (Coding Challenge, Code field, Code preview). ! ! I don't know, if this is challenge specific.  Link to the page with the problem: Tell us about your browser and operating system: Browser Name: Firefox Browser Version: Firefox for Linux Mint 1.0 Operating System: Linux Mint 18.3
This is due to how the rendering engine for our curriculum works. If you try this on a stand alone webpage, it won't happen.
Thank you for the explanation May I ask, how I could open it on a stand alone web page? Could we maybe improve the issue, by inserting a dead link instead of leaving it empty?
When I say stand alone web page I mean the you copy the html part out from the FCC paste it in another new file on you PC and run. What we can do is make a PR so that the href contains and not , that fixes it
That is a valuable piece of information, thank you! I will create the PR immediately.

Discussion:
<article> <del> <h2><a id="first" href="">The Garfield Files: Lasagna as Training Fuel?</a></h2> </del> <ins> <h2><a id="first" href="#">The Garfield Files: Lasagna as Training Fuel?</a></h2> </ins> <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>

<article> <del> <h2><a id="second" href="">Is Chuck Norris a Cat Person?</a></h2> </del> <ins> <h2><a id="second" href="#">Is Chuck Norris a Cat Person?</a></h2> </ins> <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
Change:
! !
It is always best if you post an actual link to the challenge also. Thank you.
Here is the URL. Babar Khan
I would love to fix that issue, could I?
Sure. You will need to setup and test your changes locally.
How to setup ?
Start by taking a look at . If you have further questions or run into any problems, check out our . You can post your questions there and someone will get back with you.
Thank you all for reporting and helping to resolve this issue.
Babar Khan

Discussion:
## Description <section id='description'> <del> You may recall from <a href="waypoint-comparison-with-the-equality-operator" target="_blank">Comparison with the Equality Operator</a> that all comparison operators return a boolean <code>true</code> or <code>false</code> value. </del> <ins> You may recall from <a href="learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator" target="_blank">Comparison with the Equality Operator</a> that all comparison operators return a boolean <code>true</code> or <code>false</code> value. </ins> Sometimes people use an if/else statement to do a comparison, like this: <blockquote>function isEqual(a,b) {<br>&nbsp;&nbsp;if (a === b) {<br>&nbsp;&nbsp;&nbsp;&nbsp;return true;<br>&nbsp;&nbsp;} else {<br>&nbsp;&nbsp;&nbsp;&nbsp;return false;<br>&nbsp;&nbsp;}<br>}</blockquote> But there's a better way to do this. Since <code>===</code> returns <code>true</code> or <code>false</code>, we can return the result of the comparison:
Change:
<!-- 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: The description of the problem and the solution that passes are not the same. The code that passes this section would give you the wrong answer to the instructions. write the proper code for the instructions and it will not pass. try it. Add a Link to the page with the problem: Tell us about your browser and operating system: Browser Name: CHROME Browser Version: Version 71.0.3578.98 Operating System: OSX If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box):
Can you be more specific? For example, what code passes the challenge which you think goes against the instructions?
I just came up with this solution based on the instructions and passed the test cases. ! After thinking about it more I can see how the instructions might be misleading. The following code pushes the number 10 to myArray, and i will be equal to 11 when the code finishes running, but the array equals [5, 6, 7, 8, 9, 10]. It might be less confusing if the instructions said "Change the loop in the code to a loop so that the loop will push only the number 10 to , and will be equal to when your code finishes running. !
the first pic is the way i tried it first and it wouldn't pass. i got it to pass changing the while: } while (i < 5); that should not have passed. i also had a few connection issues with that one. like i clicked on run test and the page would lockup. i would close my browser, reopen it, go to your page, click on curriculum, and it gave me a 404 error message a few times. Have a great day! Jeremiah Kalb
The code should definitely pass the tests, because you just need the loop to iterate one time. So, the while loop condition should evaluate to in the first iteration (which it does with that code). If you start with the original seeded code, is and not , so it is not going to add other numbers anyway. That being said, the wording change you suggest might not be a bad idea. Would you be interested in creating a PR for this change you suggest?
I would love to do that.
How's your PR coming along?
I'm pretty sure I finished with it. Is there anything else I need to do with it? The correct PR is
this how i got mine to pass // Setup const myArray = []; let i = 10; // Only change code below this line do { (i); i++; } while (1 < 0);

Discussion:
## Instructions <section id='instructions'> <del> Change the <code>while</code> loop in the code to a <code>do...while</code> loop so that the loop will push the number 10 to <code>myArray</code>, and <code>i</code> will be equal to <code>11</code> when your code finishes running. </del> <ins> Change the <code>while</code> loop in the code to a <code>do...while</code> loop so that the loop will only push the number 10 to <code>myArray</code>, and <code>i</code> will be equal to <code>11</code> when your code finishes running. </ins> </section> ## Tests