Initial commit

src/components/Card.jsx

@@ -0,0 +1,31 @@
+import { Link } from "react-router-dom"
+import styles from "styles/Card.module.css"
+
+const Card = ({ movie }) => (
+    <Link to={`/movie/${movie.id}`} className={styles.Link}>
+        <div className={styles.Card}>
+            <img
+                src={movie.posterUrl}
+                alt={movie.title}
+                className={styles.Image}
+            />
+            <div className={styles.Bottom}>
+                <p className={styles.Title}>{movie.title}</p>
+                <p className={styles.Average}>
+                    {movie.averageVote}{" "}
+                    <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="16"
+                        height="16"
+                        fill="currentColor"
+                        viewBox="0 0 16 16"
+                    >
+                        <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
+                    </svg>
+                </p>
+            </div>
+        </div>
+    </Link>
+)
+
+export default Card