Overview

Explain the general approach you're going to solve this feature from a front-end perspective so another front-end dev could read this and understand the general approach.

Designs (screenshots)

Design may update the Figma docs you are working on (or are scoping) might change so taking screenshots before you start may be a good idea

Components

It's good to break down the different kinds of components you will need for this project. If there are new ones, reach out to the Zephyr team to see if they can help!

New

Existing

Redux

Accessibility

Routing

Note any designs which will need their own page and routing so to account for development time and other relevant development considerations

Permissions

There are a lot of things to keep in mind when working with a feature that might need to be both private and public. Document those differences and things to be aware of here so they aren't forgotten.