CurriculumExpansion icon indicating copy to clipboard operation
CurriculumExpansion copied to clipboard

chore: add resuable Navbar component to frontend cert (react workshop)

Open jdwilkin4 opened this issue 5 months ago • 1 comments

Here are the changes that Oliver has been working on for the react projects in the fcc editor. https://github.com/freeCodeCamp/freeCodeCamp/pull/55860

For this first React workshop, all JSX will need to go in the HTML file. https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html

This workshop should focus on JSX and basic component design. You can review the sheet to see what is covered in the lecture videos before this.

For this workshop, we should have campers build out a reusable navbar component

maybe something like this?

Screenshot 2024-08-30 at 7 50 40 AM

It doesn't need to be super fancy. The main goal is to get campers used to working with JSX which should be easier for them since it shares similar syntax to HTML

We should supply the CSS for them. And that will go inside the styles.css file in the editor like it normally does.

Acceptance criteria

  • [ ] Add your project to the frontend-cert/react-projects folder

jdwilkin4 avatar Aug 30 '24 14:08 jdwilkin4