Skip to content

Instantly share code, notes, and snippets.

@louisrli

louisrli/components.md

Last active May 16, 2020 11:22
Show Gist options
  • Save louisrli/7e75e95b0cb7dbe720e02e2c3fac8a51 to your computer and use it in GitHub Desktop.
Save louisrli/7e75e95b0cb7dbe720e02e2c3fac8a51 to your computer and use it in GitHub Desktop.
Download ZIP
Component Activity
Raw
components.md

Goal

The goal of this activity is to create a reusable component in React.

Requirements

Write a React class or function component (your choice) that represents a project that you completed.

It should take the following props:

  • Project name
  • Project description
  • A link to an image
  • An array of technologies used in the project e.g., ["JavaScript", "CSS", "HTML", "React", ...]
  • At least one other prop that you think is useful

Other requirements:

  • Add styling to it
  • Use the component at least three times with different values.

Big picture

The component that you build here will later be used in your self-portfolio websites that you make. We will be starting this project in class (no requirement to work on it outside of class). You will reuse this component to showcase all of the projects that you've done :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment