Front End Development Libraries Projects - Build a Random Quote Machine

JavaScript
1

Tell us what’s happening:
i created the app in my local machine it passes all the tests as well but idk how to use it in codepen tho
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Front End Development Libraries Projects - Build a Random Quote Machine

Link to the challenge:

2

I would suggest using StackBlitz or CodeSandbox. It should be fairly obvious what template to pick depending on what you are using (e.g. plain JS or React).

3

greetings and welcome to fcc forum :slight_smile:

  • are you saying you want to know how to use that “test cases via fcc test cases checker plugin?” then you can do so by using that “fcc test checker plugin” check this out Build a tribute page - #2 by bappyasif

happy learning :slight_smile:

4

i used the test in my local environment but i cant seem to run the project itself in codepen to submit

5

why not?! what have you tried?

6

YES I HAVE TRIED IT GitHub - sNorlax-98/freecodecamp-quote this is the repo if u can help me out <3

8

You can use StackBlitz with the repo.

https://stackblitz.com/github/sNorlax-98/freecodecamp-quote

That is about as simple as it can get and StackBlitz is a much better dev experience than Codepen. At least for framework code. And yes, you can use it for the certificate projects.

On Codepen you have to set the JS to use Babel under Settings > JS > JavaScript Preprocessor and you obviously need React added as well.

9

Best I could come up with

10

if i submit this in the link section for my certification it works?

11

thx for this sir that was very helpful

12

On your Codepen if you open the console you can see there is an issue with the imports. Also, ReactDOM is not from the same package as React.

Replace it with this instead.

import React, { useEffect, useState } from "https://esm.sh/react@17.0.2";
import ReactDOM from "https://esm.sh/react-dom@17.0.2";

Also, remove the React script you have under the Settings (don’t mix the settings scripts with imports)

Anyway, I would still very much suggest you keep using StackBlitz. Even if you are done with this and as such the dev experience doesn’t matter much now.

1 Like
13

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.