Lab Homework 7

A dynamic card generator

Instructions

For next Wednesday, create your version of this dynamic card generator.

Baby Card Generator

Or Puppy Card Generator if you like

Users should be able to put in information in the input field and it will be displayed on the card.

Your card generator should at least have an <Input> component and a <Card> component. We encourage you to create your own CSS and styling for your card.

Refer to the following two React tutorials if you have never handled input before or feel confused about how to update data across different components:

Forms - React

Lifting State Up - React

Try to go as far as you can. Upload a screenshot of your card generator to the #card channel in slack and upload your code to the course app portal.