React 1 new Homework

[ddobby94]

Description

Basic theme

The theme of the HW will be a space travelling website. I created a basic project, with some better looking CSS components and using a basic React + next.js setup.
I already created some React components, throughout the app. This should give the students the feeling how it would be working with an existing codebase.

How to find the tasks

The Homework itself is marked in the code with comments like:

{/* TASK - React 1 week 2 */}
{/* Create a <NavItem> component, which accepts the following:  */}
{/* title, link, isActive  */}

So to format is : TASK - React 1 week X, and by searching for this term, the students should be able to find all the tasks (Just like searching for TODOs or FIXMEs 😉 )

Tasks

Week 1:

• Static content + creating basic components without any props
• Using ready components WITHOUT proprs

Week 2:

• Creating Components with some props
• Using ready components WITH props
• Basic usage of useState with modifying an array

Week 3:

• Handling input fields and displaying new items
• "Displaying" arrays in React
• Basic fetching from API

Content for the tasks

Content is generated and the TASK descriptions will instruct the students where and what to use.

Some pics of the website

Page for API calls, using NASA API

Page for the static content HW

Page for creating components with props + basic state handling

Page for input handling with state