Merge pull request #24 from kevintamakuwala/#23_kevintamakuwala

React Setup and Autoplay Slider component in React.
csiddu · Oct 17, 2023 · 66fd44b · 66fd44b
2 parents 9684ebc + 2894cb8
commit 66fd44b
Show file tree

Hide file tree

Showing 29 changed files with 18,519 additions and 40 deletions.
diff --git a/components.html b/components.html
@@ -39,7 +39,7 @@
     </nav>
 
     <div class="wrapper" id="component-items">
-        
+
         <!-- components will be fetched here -->
 
     </div>

diff --git a/components.json b/components.json
@@ -1,15 +1,21 @@
 [
     {
         "name" : "Login Page",
-        "url" :"Login_page"  ,
+        "url" :"/components/Login_page"  ,
         "authorName" : "12Kishan",
         "imgUrl" : "./images/view.jpg"
     },
     {
         "name" : "Contact Form",
-        "url" :"contact_form"  ,
+        "url" :"/components/contact_form",
         "authorName" : "NaitikPatel-325",
-        "imgUrl" : "./images/contact.png " 
+        "imgUrl" : "./images/contact.png "
+    },
+    {
+        "name" : "Sliders",
+        "url" :"/components/react/build/?slider",
+        "authorName" : "kevintamakuwala",
+        "imgUrl" : "./images/slider.png"
     }
 
 ]
diff --git a/components/react/.gitignore b/components/react/.gitignore
@@ -0,0 +1,20 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/components/react/README.md b/components/react/README.md
@@ -0,0 +1,30 @@
+
+# Important!------------------------------------------------------
+
+# Use "npm start" in react-components directory to start the react project.
+## This React Project contains all the react based components. This project can be viewed [http://localhost:3000](http://localhost:3000) followed by the SLUG (Endpoint) of the components.
+## Multiple other components can be created in the pages directory of this project. The "Layout" page holds the list of components made in react.
+## Error page holds error message for invalid request.
+## Routes are present in app.js file.
+------------------------------------------------------------------
+
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
diff --git a/components/react/build/asset-manifest.json b/components/react/build/asset-manifest.json
@@ -0,0 +1,13 @@
+{
+  "files": {
+    "main.css": "/components/react/build/static/css/main.7c33173d.css",
+    "main.js": "/components/react/build/static/js/main.418486b6.js",
+    "index.html": "/components/react/build/index.html",
+    "main.7c33173d.css.map": "/components/react/build/static/css/main.7c33173d.css.map",
+    "main.418486b6.js.map": "/components/react/build/static/js/main.418486b6.js.map"
+  },
+  "entrypoints": [
+    "static/css/main.7c33173d.css",
+    "static/js/main.418486b6.js"
+  ]
+}
diff --git a/components/react/build/index.html b/components/react/build/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="React Components"/><link rel="manifest" href="/components/react/build/manifest.json"/><title>React Components</title><script defer="defer" src="/components/react/build/static/js/main.418486b6.js"></script><link href="/components/react/build/static/css/main.7c33173d.css" rel="stylesheet"></head><body><noscript>React Based Components</noscript><div id="root"></div></body></html>
diff --git a/components/react/build/manifest.json b/components/react/build/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/components/react/build/static/css/main.7c33173d.css b/components/react/build/static/css/main.7c33173d.css