Mahmood83367 / GIZ-task07

Product page

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GIZ-Task07

TO DO:

  • Fork the repo
  • Clone the forked repo to your local machine
  • Resolve the task
  • Commit your solution
  • Push to GitHub
  • Create a pull request

Task Requirements, Hints and details:

  • Create JSX "Product" component (Reusable Product Card) Receives Props that contains details of the product like "Name", "Price", "Description", for item picture use a static image for all, pass props for each one.
  • Create JSX "÷nput" Component Receives Props that contains details for input like "Placeholder", onClick function to call from parent, "value"
  • Create JSX "Button" Component Receives Props that contains "title of button", onClick function to call from parent
  • Product Page Will be stateful component, Import Above mentioned components inside it and use them as reusable component.
  • Do "search" functionality in products page when the user start type on Search Input.
  • Do "add new" product funcionality when the user click on "Add New" button.
  • IT is a good practice if you split product component into smaller components.

Resources:

About

Product page


Languages

Language:JavaScript 73.8%Language:CSS 21.2%Language:HTML 5.0%