Challenge: Displaying a Dynamic Profile Page
Test your ability to use JSX, to create and render a dynamic user profile page.
We'll cover the following
Problem statement
You are building a simple profile page for a user. The page should dynamically display:
The user’s name and age in a structured format.
A list of the user’s favorite hobbies.
A footer with a motivational quote (
Keep learning and growing!
).
You must use JSX, JavaScript expressions, and React’s createRoot
API to render the profile page into the browser.
Ensure that all elements are nested inside a single
<div>
parent container.
Expected output
The browser should display:
Get hands-on with 1400+ tech skills courses.