jenniferhubermayer / design-shop-react-props

This project is build with React and uses props to learn how to use components in an efficient way.

design-shop-react-props | Design Shop Website

This project is build with React and uses props to learn how to use components in an efficient way.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
• Author
• Acknowledgments

Overview

The challenge

The challenge was to create a product component that outputs the product cards. The price, name and image of the product are passed via props (img, product, price, description).

Code a component that renders three product cards. Give each card its own props.

Screenshot

Links

• Solution URL: https://github.com/jenniferhubermayer/design-shop-react-props/

My process

Built with

• React App
• Semantic HTML5 markup
• CSS (desktop only)
• Flex and Grid
• JavaScript

Author

• Website - https://github.com/jenniferhubermayer

Acknowledgments

This project has been realized as part of the super(c)ode "Front-End Boot-Camp 2022".