Keeper App

This is a simple React application that demonstrates how to create a header, footer, and notes component.

Instructions

Goal 1

1. Create a new React app.
2. Create a App.jsx component.
3. Create a Header.jsx component that renders a <header> element

   to show the Keeper App name in an <h1>.

4. Create a Footer.jsx component that renders a element

   to show a copyright message in a <p> with a dynamically updated year.

5. Create a Note.jsx component to show a <div> element with a

   <h1> for a title and a <p> for the content.

6. Make sure that the final website is styled like the example shown here: final website

HINT: You will need to study the classes in teh styles.css file to appy styling.

Goal 2

1. Modify the App code to add extra functionalities such as using a JSON file to add notes automatically, iterating over the array via map, and using arrow functions.