# Frontend Library Projects

**URL:** <https://forum.freecodecamp.org/t/frontend-library-projects/489580>\
**Category:** General\
**Created:** [December 22, 2021, 12:14am UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580 "2021-12-22T00:14:57Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![hiendn9](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hiendn9/32/235245_2.png) [@hiendn9](https://forum.freecodecamp.org/u/hiendn9)\
**Post date:** [December 22, 2021, 12:14am UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580/1 "2021-12-22T00:14:57Z")

</div>

I finally got around to working on the frontend library projects!

If I’m reading this correctly: you can just choose any of the front end library to complete the projects. For example, I can just do every project using only React and skip the other options mentioned…right?

Secondly…I have no idea how to transfer my React code to codepen for the verification. I googled up a basic hello world example for codepen react…but how would I transfer my entire React project written on vscode to codepen?

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [December 22, 2021, 12:40am UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580/2 "2021-12-22T00:40:17Z")

</div>

> [@hiendn9](#):
>
> For example, I can just do every project using only React and skip the other options mentioned…right?

Yes, that is correct.

> [@hiendn9](#):
>
> but how would I transfer my entire React project written on vscode to codepen?

If you have multiple files, then codepen won’t work.  
You can use [codesandbox](https://codesandbox.io/) instead.

If you just have one js file, then you will need to setup react and react dom in codepen.  
Remember to add your root div in the html

```auto
<div id="root"></div>

```

Then setup react in the js settings

 ![Screen Shot 2021-12-21 at 4.39.17 PM](https://global.discourse-cdn.com/freecodecamp/original/3X/6/1/61116998bac62a5460cb18aec51ff9a7899ac8af.png)

 ![Screen Shot 2021-12-21 at 4.39.34 PM](https://global.discourse-cdn.com/freecodecamp/original/3X/8/3/835012b2411fc3c1e1eb09d52bc9c9b2b6f56d23.png)

Then you can just copy and paste your code.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![hiendn9](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hiendn9/32/235245_2.png) [@hiendn9](https://forum.freecodecamp.org/u/hiendn9)\
**Post date:** [December 22, 2021, 1:04am UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580/3 "2021-12-22T01:04:23Z")

</div>

Oh wait…I can submit my project using codesandbox instead of codepen? That would make life a lot easier if that’s the case!

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [December 22, 2021, 4:47pm UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580/4 "2021-12-22T16:47:13Z")

</div>

Yes, you can use whatever you want to build your project.

As long as you submit a live link then it is fine.

---

<div class="post-metadata">

**Author:** ![hiendn9](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hiendn9/32/235245_2.png) [@hiendn9](https://forum.freecodecamp.org/u/hiendn9)\
**Post date:** [December 22, 2021, 7:41pm UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580/5 "2021-12-22T19:41:06Z")

</div>

Just to clarify: If I build my project on codesandbox, can I submit a link directly from codesandbox (how would my project get verified in that case)? Or do I have to copy and paste my code to codepen?

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [December 22, 2021, 8:38pm UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580/6 "2021-12-22T20:38:46Z")

</div>

Yes, you can submit the codesandbox link.

---

<div class="post-metadata">

**Author:** ![hiendn9](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hiendn9/32/235245_2.png) [@hiendn9](https://forum.freecodecamp.org/u/hiendn9)\
**Post date:** [December 23, 2021, 4:12pm UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580/7 "2021-12-23T16:12:26Z")

</div>

Ah cool! I’ll write the projects using codesandbox then. Thank you so much!

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [June 24, 2022, 4:13am UTC](https://forum.freecodecamp.org/t/frontend-library-projects/489580/8 "2022-06-24T04:13:04Z")

</div>

Closed on June 24, 2022, 4:13am UTC

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