---
# System prepended metadata

title: TBD Open Source Frontend Technical Assessment

---

# TBD Open Source Frontend Technical Assessment

This interview has two components:
- This pre-read and async take-home exercise
- Code Review and Peer Coding

## Part 0 - Take-Home, Before the Interview

We'd like for you to build a [Hero Component](https://component.gallery/components/hero/) with React. How this Hero Component is designed is entirely up to you. It could be for displaying products or documentation site for example. We'd like for it to do a bit more than only show an image.

What we'd like to see from this Hero Component:

- Reusability
- It includes an image
    - How you want to set up that image is up to you.
    - Should be able to pass different image URLs to this component
- It includes descriptive text or "Hero Copy"
    - Should be able to pass a text prop for the Hero Copy
- It includes a Button that sends users to a different URL
    - Should differentiate between internal or external URL
    - Should be able to pass a text prop for Button Text

### Implementation Notes
- CSS framework selection is yours to make; we recommend Tailwind
- You can use any React framework, such as Create React App, Next.js, Vite etc etc

This exercise is designed to take 30-60 minutes; onsite you'll share your GitHub repo with your interviewers to review together. For the next part of your technical assessment, be ready to share your thoughts behind the code you wrote. We will also be asking you to evolve the component in some way.

