.js

import React from "react";
import ReactDOM from "react-dom";

const Title = ({ children }) => <h1 className="Title">{children}</h1>

const Section = ({ title, children }) => (
  <div className="Section">
    <Title>{title}</Title>
    {children}
  </div>
);

const Tag = ({ label }) => <span className="Tag">{label}</span>

const Project = ({ project }) => (
  <div className="Project">
    <h2 className="Project-title">{project.title}</h2>
    {project.tags.map(tag => <Tag key={tag.id} label={tag.label} />)
    {project.description}
  </div>
);

ReactDOM.render(
  <div>
    <Section title="Project">
      {projects.map(project => <Project key={project.id} project={project} />)}
    </Section>
  </div>,
  document.querySelector("#app-root")
)