React Setup and Autoplay Slider component in React.

components.json

@@ -1,15 +1,22 @@
 [
     {
         "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 " 
     }
+,
+    {
+        "name" : "Sliders",
+        "url" :"http://192.168.137.1:3000/slider"  ,
+        "authorName" : "kevintamakuwala",
+        "imgUrl" : "./images/slider.png " 
+    }
 
 ]

components/react-components/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

components/react-components/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.