Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dog Card Component #1

Open
adamrichardturner opened this issue Mar 2, 2024 · 1 comment
Open

Dog Card Component #1

adamrichardturner opened this issue Mar 2, 2024 · 1 comment
Assignees

Comments

@adamrichardturner
Copy link
Member

Dog Card Component

This is one of the most important components in the directory, and may be used throughout the web app and not just on the homepage.

Preview

Image

File Location

Image

Requirements

  • The BreedCard component should be a functional React component written in TypeScript.
  • It should take de-structured props, limited to (for now):
    -- breedName (string)
    -- breedImages (array of objects which contain a url and alt prop)
    -- breedShortDescription (string)
  • The image used at the top should be full width of the component, and height height should match the design using relative units.
  • You should use Next.js Image Component
  • Maintain best practice for accessibility where possible.

Please ask for help in the Discord channel if you get stuck on anything or are not sure. Always feel free to share your code and ask questions - no question is stupid!

@nwhator
Copy link
Contributor

nwhator commented Mar 3, 2024

Adam, can you assign me here, or is there somewhere else I've been assigned

@nwhator nwhator self-assigned this Mar 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants