visualdenniss
diff --git a/‎README.md
Lines changed: 4 additions & 0 deletions b/‎README.md
Lines changed: 4 additions & 0 deletions
diff --git a/‎package-lock.json
Lines changed: 157 additions & 1 deletion b/‎package-lock.json
Lines changed: 157 additions & 1 deletion
diff --git a/‎package.json
Lines changed: 6 additions & 1 deletion b/‎package.json
Lines changed: 6 additions & 1 deletion
diff --git a/‎public/assets/summary.png
441 KB b/‎public/assets/summary.png
441 KB
diff --git a/‎public/index.html
Lines changed: 0 additions & 1 deletion b/‎public/index.html
Lines changed: 0 additions & 1 deletion
diff --git a/‎src/App.js
Lines changed: 2 additions & 0 deletions b/‎src/App.js
Lines changed: 2 additions & 0 deletions
diff --git a/‎src/components/data.js
Lines changed: 9 additions & 0 deletions b/‎src/components/data.js
Lines changed: 9 additions & 0 deletions
@@ -2,3 +2,7 @@ Compilation of Frontend Mentor Challenges
 on https://www.frontendmentor.io/challenges
 
 LIVE SITE: https://frontendmentor-showcase.netlify.app/
+
+Summary of this project:
+
+![Project Summary](./public/assets/summary.png)
@@ -3,21 +3,26 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@headlessui/react": "^1.7.13",
+    "@hookform/resolvers": "^3.0.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "animejs": "^3.2.1",
     "aos": "^3.0.0-beta.6",
     "axios": "^1.2.1",
+    "clsx": "^1.2.1",
     "framer-motion": "^8.1.7",
     "gsap": "^3.11.4",
     "json-loader": "^0.5.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.43.9",
     "react-router-dom": "^6.4.3",
     "react-scripts": "5.0.1",
     "uuid": "^9.0.0",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "yup": "^1.0.2"
   },
   "scripts": {
     "start": "react-scripts start",
 
@@ -16,6 +16,5 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-
   </body>
 </html>
@@ -39,6 +39,7 @@ import ProfileCard from './components/newbie/ProfileCard/ProfileCard';
 import StatsPreview from './components/newbie/StatsPreview/StatsPreview';
 import CommentSection from './components/intermediate/CommentSection/CommentSection';
 import BaseApparel from './components/newbie/BaseApparel/BaseApparel';
+import SignUp from './components/newbie/SignUp/SignUp';
 
 
 
@@ -80,6 +81,7 @@ AOS.init({
                 <Route path='/components/stats-preview' element={<StatsPreview></StatsPreview>}/>
                 <Route path='/components/comment-section' element={<CommentSection></CommentSection>}/>
                 <Route path='/components/base-apparel' element={<BaseApparel></BaseApparel>}/>
+                <Route path='/components/sign-up' element={<SignUp></SignUp>}/>
 
                 {/* Pages  */}
                 <Route path='/pages' element={<Pages></Pages>}/>
 
@@ -224,4 +224,13 @@ export const componentCardData = [
         type: "component", 
         link:"/components/base-apparel",
     }, 
+    {
+        id:"26",
+        title: "Intro component with sign-up form",
+        desc: "Form", 
+        img: "https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_475/Challenges/ficuxtmo5kmd5bb8lmws.jpg",
+        category:"newbie",
+        type: "component", 
+        link:"/components/sign-up",
+    }, 
 ]