How to include the FCC test CDN ( Bundle.js ) in my local react project?

I’m using create-react-app for the Random Quote Machine project. Where or how do I add the test cdn to pass the user stories ? I used the usual way of in the index.html file and it doesn’t work that way.

1 Like

you have to add the cdn link in your codepen project, see this page here for more info:

You didn’t understand… I’m not making the project on I have a local React project in my pc I setup with the package create-react-app

1 Like

just add it in a script tag just before the closing </body> tag.

like it is below:

<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Pomodoro Clock</title>
  <div id="app"></div>
  <script src="bundle.js"></script>
  <script src=""></script>

Thanks ! Well that fixed it . I realized that I was rendering the<div> inside the body with ReactDOM.render so the test button that came in from the script needed to be on it.

1 Like

An easy solution is to simply use ReactFCCtest

All you have to do is run
npm install react-fcctest
yarn add react-fcctest

THEN place import ReactFCCtest from ‘react-fcctest’; at the top of your App.js file


import React, { Component } from 'react';
import ReactFCCtest from 'react-fcctest';
class App extends Component {
  render() {
    return (
        <ReactFCCtest />

export default App;

Good work man. Thanks for putting in the effort do create the package and for linking it here!

1 Like