I finished my random quote machine in Visual Studio code, how do I pass it to Codepen?
It’s pretty much a cut & paste job. Stick the contents of your HTML, CSS and JS files into the relevant containers in CodePen but import dependencies (such as React or FCC’s test suite) via the pen Settings menu (rather than links in the HTML).
I have several js files, and I also installed a fontawesome library, how do I add these?
AFAIK, it’s only possible to include one of each file type in a single pen. You could either combine them into a single script or add the other JS files as separate pens and then link to them via the Settings. Font Awesome can also be added this way too (or included in your HTML head).
To be honest it may be easier to host it on replit, Netlify or GitHub pages, if you haven’t built it in CodePen in the first place.
FCC just needs a link to the live project, wherever it’s hosted.
How do I test it?, could you give me a link to know how to upload it to github
The project description gives you the link for the FCC test suite, which covers all of the Frontend Projects (and the next certification too):
You can build your project by using this CodePen template and clicking
Saveto create your own 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
If you’re not familiar with GitHub or other sites where you can host your code online, perhaps CodePen would be the easiest bet, unless you want to invest some time figuring them out for yourself?
I think one reason that CodePen is suggested as the platform to build these projects is simplicity. All the tricky stuff is taken care of for you, so you literally just write the frontend code and you’re done. You could fork the template above and then paste in your code, if it’s easy to combine your JS files?
Uploading it to github is not a problem I can learn, what I want to know is how do I test it? How does this script work and how is it used?
I put my project of visual studio code on codepen, and it is no working, can they help me please?
To be honest, I don’t know React 18 very well, as I wrote my projects in the previous version, which is very different, so I’m not exactly sure why your app isn’t rendering properly.
However, the FCC test suite is working (via the hamburger menu top left of screen).
Use StackBlitz or CodeSandbox. Install the same dependencies and use the same file structure as you have locally.
I uploaded it to stackblitz, but I’m getting this error, I understand that (11:5) refers to line 11 of column 5, but in that line is something that has nothing to do with React
this is so weird, i have to import React here, I guess because in the line 12 I import FontAwesomeIcon what used react, but on Visual Studio Code this work without that
how I add the Testable Project of FFC?
Use the Vite template instead.
how install redux there?
in the front end projects, does anyone review them?
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.