Pre-Work:

1. Install node: https://nodejs.org/en/download/
2. Download a text editor (such as VsCode)

Download the code

Download the zip of this repository or do git clone https://github.com/HackBeanpot/Desert-Exploration.git

Set Up

npm install

Install all the dependencies needed for this project

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Exercises

Exercise 1:

In the Checklist.js file:

Add your name where it says "[Insert Name] Packing List"

Exercise 2:

In the Checklist.js file:

Make sure the checkList is apart of the state. Hint: use the useState hook

Exercise 3:

In the Checklist.js file:

Enable the Add Item button to add items to the checkList

Exercise 4:

Allow the "Send Message to Message Component" button to display the message typed in the Checklist component in the Message component.

Hint: put relevant state and state "setters" to the parent of both components and pass down needed state and state "setters" down to the respective components.

Note:

Answers are included in the src/solutions folder but please try out the exercises first! :)