{item.text}
62 |{description}
70 |12 | This project is built with data from a MakeUp API using Axios, Tailwind CSS, ReactJS, PropTypes, React 13 | Context API and React Router. 14 |
15 |16 | Webtwo ipsum divvyshot. disqus elgg klout. Jumo wufoo hulu spotify trulia, twitter nuvvo. Omgpop tumblr 17 | odeo mog palantir squidoo balihoo nuvvo, etsy yuntaa elgg reddit kiko oovoo. Kno revver oovoo, blyve. 18 |
19 |{price} €
8 |{text}
; 5 | 6 | export default Description; 7 | 8 | Description.propTypes = { 9 | text: PropTypes.string.isRequired, 10 | }; 11 | -------------------------------------------------------------------------------- /code-along/src/components/Product/Image.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | 4 | const Image = ({ name, img }) => ( 5 |{type}
7 |{category}
9 | 10 | ); 11 | 12 | export default Info; 13 | 14 | Info.propTypes = { 15 | name: PropTypes.string.isRequired, 16 | type: PropTypes.string.isRequired, 17 | category: PropTypes.string.isRequired, 18 | }; 19 | -------------------------------------------------------------------------------- /code-along/src/components/Product/Product.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | 4 | import CartButton from '../CartButton'; 5 | import Price from '../Price'; 6 | import Image from './Image'; 7 | import Info from './Info'; 8 | import Description from './Description'; 9 | import Title from './Title'; 10 | 11 | const Product = ({ name, img, type, category, price, description }) => ( 12 | <> 13 |{type}
8 |
13 | {name.replace(/^(.{12}[^\s]*).*/, '$1')}
17 | 18 |{brand}
19 | 20 |Please try changing your filters
15 |14 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta expedita saepe quae mollitia? Quam 15 | odio accusamus facere! 16 |
17 |18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta expedita saepe quae mollitia? Quam 19 | odio accusamus facere deleniti nostrum. 20 |
21 |18 | Welly is the leading premium beauty platform in Europe. Offering more than 130,000 beauty and 19 | lifestyle products in online shops, the beauty marketplace and more than 2,000 stores, Welly 20 | inspires customers to live their own kind of beauty by a previously unparalleled assortment. 21 |
22 |23 | The continued expansion of the fast-growing e‑commerce business is the focus of the 24 | #forwardbeauty. DigitalFirst strategy programme. In fiscal 25 | year 2019/2020, Welly generated sales of 3.2 billion euros in the areas of perfumery, decorative 26 | cosmetics, skin and hair care as well as nutritional supplements and accessories. 27 | #letsdobeautiful 28 |
29 |Welly Inc. Welly-Street 7-11 40235 Welland
58 |59 | You can reach us by email at: service@welly.wellly. Our deliveries go out every Sunday evening so 60 | you can get them as early in the week as possible 61 |
62 |