Tell us what’s happening:
Till now other challenges needed to update single files ( either of HTML, JS ) in codepen
I’ve completed project locally with create-react-app, how can I test it in codepen and share url so that I can mark this project as success ?
I did fork of codepen project shared in challenge but don’t know how to fit multiple files there ?
Your code so far
Your browser information:
User Agent is:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36.
Challenge: Build a Random Quote Machine Link to the challenge:
Learn to code. Build projects. Earn certifications.Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft.
if you then have the script with the link to the test suite, you can test your project in the pen
In my case I have multiple JS files, in codepex how can I write all of them in single file ?
Can you please point me to some existing project to understand better ?
the pens in codepen offer only that, but you don’t need to use codepen, you can deploy your peoject somewhere, and submit the live version or your project whatever servive you have used
I can deploy it on netlify but how can I make test cases from codepen pass ?
In case you’ve finished this project; please share your project here I would like to have a look at solution and compare with mine.
@ilenia currently https://codepen.io/vikramvi/pen/WNxMygL this is what I’ve done, how can I get tests passing ?
This works fine in VSCode but on codepen I don’t see any output.
How exactly do we need to run react project with codepen as challenge explicitly asks for
Solution Link: from codepen itself
that’s not react… import jQuery and set the preprocessor to None
Do I have to use CodePen for the front end projects?
As long as your code is publicly viewable, and you have a live demo, you can use whatever you want.
You can use
GitHub pages or surge.sh as alternatives to CodePen.
sorry my bad, I had removed earlier code of react and playing around with jQuery. Now I’ve put back the code. Please recheck, also I’ve added settings with fb libraries which were missing earlier.
But I’m not sure how to use npm run in codepen to make this work just like VSCode. Let me try other platforms as well
in codepen you have a single file, you can’t export stuff and import it somewhere else
if you try with something simpler, you will notice that it’s rendered inmediately there.
maybe yes, try to deploy it somewhere else, instead of making the drastic change of condensing everything to a single file
Thanks, found this useful article about hosting react app free of cost