Project 1: Portfolio

React Engineer

Builds on these lessons

Intro Intro Jsx Jsx Components Structure Thinking In React

Step 1 of 3

Project

Your First Component

A React component is just a function that returns JSX. Write PortfolioApp, returning a <div> with your name in an <h1>. Exporting it default makes it the thing this file hands off to whatever renders it.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

export default function PortfolioApp() {
  return (
    <div className="app-container">
      <h1>Alex Rivera</h1>
    </div>
  );
}

← Previous