react free version complete

react/.env

@@ -0,0 +1,2 @@
+REACT_APP_VERSION = v18.0.1
+GENERATE_SOURCEMAP = false

react/.gitignore

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

react/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "bracketSpacing": true,
+  "printWidth": 140,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "useTabs": false,
+  "endOfLine": "lf"
+}

react/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 CodedThemes
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

react/config-overrides.js

@@ -0,0 +1,31 @@
+const webpack = require('webpack');
+const WorkBoxPlugin = require('workbox-webpack-plugin');
+
+module.exports = function override(config) {
+  config.resolve.fallback = {
+    process: require.resolve('process/browser'),
+    // zlib: require.resolve('browserify-zlib'),
+    stream: require.resolve('stream-browserify'),
+    crypto: require.resolve('crypto-browserify'),
+    util: require.resolve('util'),
+    buffer: require.resolve('buffer')
+    // asset: require.resolve('assert')
+  };
+
+  // https://stackoverflow.com/questions/69135310/workaround-for-cache-size-limit-in-create-react-app-pwa-service-worker
+  config.plugins.forEach((plugin) => {
+    if (plugin instanceof WorkBoxPlugin.InjectManifest) {
+      plugin.config.maximumFileSizeToCacheInBytes = 50 * 1024 * 1024;
+    }
+  });
+
+  config.plugins = [
+    ...config.plugins,
+    new webpack.ProvidePlugin({
+      process: 'process/browser.js',
+      Buffer: ['buffer', 'Buffer']
+    })
+  ];
+
+  return config;
+};

react/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "gradient-able-free-react-admin-template",
+  "version": "3.0.0",
+  "private": false,
+  "author": "codedThemes",
+  "homepage": "https://codedthemes.com/demos/admin-templates/gradient-able/react/default/",
+  "dependencies": {
+    "@reduxjs/toolkit": "^1.8.5",
+    "@tanem/react-nprogress": "^5.0.14",
+    "apexcharts": "^3.35.5",
+    "bootstrap": "^5.2.1",
+    "buffer": "^6.0.3",
+    "crypto-browserify": "^3.12.0",
+    "formik": "^2.2.9",
+    "process": "^0.11.10",
+    "react": "^18.2.0",
+    "react-apexcharts": "^1.4.0",
+    "react-app-polyfill": "^3.0.0",
+    "react-app-rewired": "^2.2.1",
+    "react-bootstrap": "^2.5.0",
+    "react-copy-to-clipboard": "^5.1.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^4.4.0",
+    "react-perfect-scrollbar": "^1.5.8",
+    "react-redux": "^8.0.2",
+    "react-router-dom": "^6.4.1",
+    "react-scripts": "5.0.1",
+    "redux": "^4.2.0",
+    "redux-form": "^8.3.8",
+    "stream-browserify": "^3.0.0",
+    "util": "^0.12.4",
+    "web-vitals": "^3.0.2",
+    "yup": "^0.32.11"
+  },
+  "scripts": {
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "resolutions": {
+    "autoprefixer": "10.4.5"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/core": "^7.10.1",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.20.5",
+    "@svgr/webpack": "^6.3.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "sass": "^1.55.0"
+  }
+}

react/public/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="Web site created using create-react-app" />
+    <title>Welcome - Gradient Able React with Hooks + Redux</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>

react/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

react/readme.md

@@ -0,0 +1,141 @@
+# Gradient Able React Free Admin Template [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Download%20Gradient%20Able%20-%20The%20professional%20Bootstrap%20designed%20React%20Admin%20Dashboard%20Template%20&url=https://codedthemes.com/demos/admin-templates/gradient-able/react/default&via=codedthemes&hashtags=reactjs,webdev,developers,javascript)
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Price](https://img.shields.io/badge/price-FREE-0098f7.svg)](https://github.com/codedthemes/gradient-able-free-admin-template/blob/main/react/LICENSE)
+
+### Name Derived From Nature
+
+Gradient Able React Free Admin Template comes with variety of components like Button, Badges, Breadcrumb, & Authentication pages.
+
+The code structure is high flexible to use and modify.
+
+Its design adapt any screen size easily even if retina screens.
+
+It is modern concept dashboard design with eye catchy colors. Wish you happy to use our product in your project.
+
+:star: :star: :star: Support us by giving star (Top right of this page) if you like the theme :star: :star: :star:
+
+![Gradient Able React Free Admin Template Preview Image](https://org-public-assets.s3.us-west-2.amazonaws.com/Free-Version-Banners/GITHUB-FREE-REACT-REPO%20-%20Gradient%20Able.jpg)
+
+The [Pro version](https://codedthemes.com/demos/admin-templates/gradient-able/react/default) of Datta able react template includes features such as TypeScript, apps, authentication methods (i.e. JWT, Auth0, Firebase), advance components, form plugins, layouts, widgets, and more.
+
+| [Gradient Able Free](https://codedthemes.com/item/gradient-able-reactjs-free-admin-template) | [Gradient Able](https://codedthemes.com/demos/admin-templates/gradient-able/react/default)            |
+| -------------------------------------------------------     | :------------------------------------------------------------------------------- |
+| **7** Demo pages                                            | **85+** Demo pages                                                               |
+| -                                                           | ✓ Multi-Dashboard                                                                 |
+| -                                                           | ✓ Dark/Light Mode 🌓                                                             |
+| -                                                           | ✓ Js version                                                             |
+| -                                                           | ✓ Multiple color options                                                         |
+| -                                                           | ✓ RTL                                                                            |
+| -                                                           | ✓ JWT, Firebase, Auth0, AWS authentication                                       |
+| ✓ MIT License                                               | ✓ [Pro License](https://codedthemes.com/item/gradient-able-reactjs-admin-dashboard/)                |
+
+## Why Gradient Able?
+
+Gradient Able offers everything needed to build an advanced dashboard application. In the initial release, we included following high-end features,
+
+- Support React18.
+- Professional user interface.
+- Bootstrap React components.
+- Fully responsive, all modern browser supported.
+- Easy to use code structure
+- Flexible & high-Performance code
+- Simple documentation
+
+## Free Gradient Able React version
+
+#### Preview
+
+- [Demo](https://codedthemes.com/item/gradient-able-reactjs-free-admin-template)
+
+#### Download
+
+- [Download from GitHub](https://github.com/codedthemes/gradient-able-free-admin-template)
+
+## Gradient Able Pro version
+
+#### Preview
+
+- [Demo](https://codedthemes.com/demos/admin-templates/gradient-able/react/default)
+
+#### Purchase
+
+- [Buy now](https://codedthemes.com/item/gradient-able-reactjs-admin-dashboard/)
+
+## Table of contents
+
+- [Getting started](#getting-started)
+- [Documentation](#documentation)
+- [Technology stack](#technology-stack)
+- [Author](#author)
+- [Issues?](#issues)
+- [License](#license)
+- [More Free React Templates](#more-free-react-material-admin-dashboard-templates)
+- [More Pro React Templates](#more-premium-react-material-admin-dashboard-templates)
+- [Follow us](#follow-us)
+
+## Getting Started
+
+1. Clone from Github
+
+```
+git clone https://github.com/codedthemes/gradient-able-free-admin-template.git
+```
+
+2. Install packages
+
+```
+yarn
+```
+
+3. Run project
+
+```
+yarn start
+```
+
+## Documentation
+
+[Gradient Able documentation](https://codedthemes.gitbook.io/gradient-able-react/) helps you out in all aspects from Installation to deployment.
+
+## Technology stack
+
+- [Bootstrap V5](https://react-bootstrap.netlify.app/)
+- Built with React Hooks API.
+- Redux & React context API for state management.
+- Redux toolkit.
+- React Router for navigation routing.
+- Support for react-script.
+- Code splitting.
+- CSS-in-JS.
+
+## Author
+
+Gradient Able is managed by team [CodedThemes](https://codedthemes.com).
+
+## Issues
+
+Please generate a [GitHub issue](https://github.com/codedthemes/gradient-able-free-admin-template/issues) if you found a bug in any version. We are try our best to resolve the issue.
+
+## License
+
+- Licensed under [MIT](https://github.com/codedthemes/gradient-able-free-admin-template/blob/main/react/LICENSE)
+
+## More Free React Material Admin Dashboard Templates
+
+- [Free Materially](https://codedthemes.com/item/materially-free-reactjs-admin-template/)
+- [Free Berry](https://mui.com/store/items/berry-react-material-admin-free/)
+
+## More premium React Material Admin Dashboard Templates
+
+- [Materially](https://codedthemes.com/item/materially-reactjs-admin-dashboard/)
+- [Berry](https://mui.com/store/items/berry-react-material-admin/)
+
+## Follow us
+
+- Website [https://codedthemes.com/demos/admin-templates/gradient-able/react/default](https://codedthemes.com/demos/admin-templates/gradient-able/react/default)
+- Blog [https://blog.codedthemes.com/](https://blog.codedthemes.com/)
+- CodedThemes [https://codedthemes.com](https://codedthemes.com)
+- Dribbble [https://dribbble.com/codedthemes](https://dribbble.com/codedthemes)
+- Facebook [https://www.facebook.com/codedthemes](https://www.facebook.com/codedthemes)
+- Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes)

react/src/App.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BrowserRouter as Router } from 'react-router-dom';
+
+import renderRoutes, { routes } from './routes';
+import { BASENAME } from './config/constant';
+
+const App = () => {
+  return (
+    <React.Fragment>
+      <Router basename={BASENAME}>{renderRoutes(routes)}</Router>
+    </React.Fragment>
+  );
+};
+
+export default App;