This is a simple React application that demonstrates how to create a header, footer, and notes component.
Goal 1
- Create a new React app.
- Create a App.jsx component.
- Create a Header.jsx component that renders a
<header>
elementto show the Keeper App name in an
<h1>
. - Create a Footer.jsx component that renders a element
to show a copyright message in a
<p>
with a dynamically updated year. - Create a Note.jsx component to show a
<div>
element with a<h1>
for a title and a<p>
for the content. - 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
- Modify the
App
code to add extra functionalities such as using a JSON file to add notes automatically, iterating over the array viamap
, and using arrow functions.