initial release - version 1.0.0

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "babel-preset-react-app"
+  ]
+}

.editorconfig

@@ -0,0 +1,13 @@
+root = true
+
+[*.js]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+
+[*.js]
+indent_style = space
+indent_size = 2
+
+[Makefile]
+indent_style = tab

.eslintrc

@@ -0,0 +1,31 @@
+{
+  "parser": "babel-eslint",
+  "env": {
+    "es6": true,
+    "browser": true
+  },
+  "extends": ["airbnb/hooks"],
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "paths": ["src"],
+        "extensions": [".js", ".jsx"]
+      }
+    }
+  },
+  "rules": {
+    "comma-dangle": "off",
+    "import/no-unresolved": "off",
+    "jsx-a11y/anchor-is-valid": "off",
+    "jsx-a11y/click-events-have-key-events": "off",
+    "jsx-a11y/control-has-associated-label": "off",
+    "jsx-a11y/no-static-element-interactions": "off",
+    "no-console": "off",
+    "no-plusplus": "off",
+    "react-hooks/exhaustive-deps": "off",
+    "react/forbid-prop-types": "off",
+    "react/jsx-filename-extension": "off",
+    "react/jsx-props-no-spreading": "off",
+    "react/require-default-props": "off"
+  }
+}

.gitignore

@@ -0,0 +1,26 @@
+# 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
+/.env.local
+/.env.development.local
+/.env.test.local
+/.env.production.local
+.idea
+features.html
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "bracketSpacing": true,
+  "printWidth": 80,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "useTabs": false,
+  "react/jsx-max-props-per-line": [1, { "when": "always" }]
+}

README.md

@@ -0,0 +1,55 @@
+<p align="center">
+    <a href="https://bloomui.com" title="BloomUI.com">
+        <img src="https://bloomui.com/static/images/tokyo-logo.png" alt="Tokyo React Admin Dashboard">
+    </a>
+</p>
+<h1 align="center">
+    <b>Tokyo React Admin Dashboard</b>
+    <br>
+    <a href="https://twitter.com/intent/tweet?url=https://bloomui.com&text=I like this React admin dashboard">
+        <img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social" />
+    </a>
+</h1>
+<div align="center">
+
+![version](https://img.shields.io/badge/version-1.0.0-blue.svg)
+
+</div>
+
+<h3 align="center">Tokyo Free White Typescript Dashboard features a nice classic light & clean design and color scheme.
+</h3>
+
+---
+
+<h2>
+    Online Documentation
+</h2>
+
+<p>To view the available online documentation files please visit the following link:
+<a href="https://tokyo.bloomui.com/docs" title="Click to view the online documentation">
+    https://tokyo.bloomui.com/docs
+</a>
+</p>
+
+---
+
+<h2>
+    Technical Support
+</h2>
+<p>
+    You can open a support ticket by sending an email here: <a href="mailto:support@bloomui.freshdesk.com" title="Open Support Ticket">
+        support@bloomui.freshdesk.com
+    </a>
+</p>
+
+---
+
+<h2>
+    Quick Start
+</h2>
+<p>
+    Make sure you have the latest stable versions for Node.js and NPM installed. After that, run <code>npm install</code> inside the project-folder and after the install finished, run <code>npm run start</code>. A browser window will open and you will see the live preview.
+</p>
+<p>
+    We recommend browsing through the online documentation we've prepared for Tokyo React Admin Dashboard.
+</p>

jsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "baseUrl": "."
+  },
+  "include": [
+    "src"
+  ]
+}

package.json

@@ -0,0 +1,74 @@
+{
+  "name": "tokyo-free-white-react-admin-dashboard-js",
+  "version": "1.0.0",
+  "title": "Tokyo React Admin Dashboard",
+  "description": "Tokyo Free White Typescript Dashboard features a nice classic light & clean design and color scheme.",
+  "author": {
+    "name": "BloomUI.com",
+    "url": "https://bloomui.com"
+  },
+  "private": true,
+  "dependencies": {
+    "@emotion/react": "11.4.0",
+    "@emotion/styled": "11.3.0",
+    "@material-ui/core": "5.0.0-beta.2",
+    "@material-ui/icons": "5.0.0-beta.1",
+    "@material-ui/lab": "5.0.0-alpha.41",
+    "@material-ui/styles": "5.0.0-beta.2",
+    "history": "5.0.0-beta.9",
+    "chart.js": "2.9.4",
+    "clsx": "1.1.1",
+    "date-fns": "2.23.0",
+    "nprogress": "0.2.0",
+    "numeral": "2.0.6",
+    "prop-types": "15.7.2",
+    "react": "17.0.2",
+    "react-chartjs-2": "2.11.1",
+    "react-custom-scrollbars-2": "4.4.0",
+    "react-dom": "17.0.2",
+    "react-helmet-async": "1.0.9",
+    "react-router": "6.0.0-beta.0",
+    "react-router-dom": "6.0.0-beta.0",
+    "react-scripts": "4.0.3",
+    "stylis": "4.0.10",
+    "stylis-plugin-rtl": "2.1.0",
+    "web-vitals": "2.1.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "eject": "react-scripts eject"
+  },
+  "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/eslint-parser": "7.14.7",
+    "eslint": "7.31.0",
+    "eslint-config-airbnb": "18.2.1",
+    "eslint-config-prettier": "8.3.0",
+    "eslint-plugin-import": "2.23.4",
+    "eslint-plugin-jsx-a11y": "6.4.1",
+    "eslint-plugin-prettier": "3.4.0",
+    "eslint-plugin-react": "7.24.0",
+    "eslint-plugin-react-hooks": "4.2.0",
+    "prettier": "2.3.2",
+    "typescript": "4.3.5",
+    "node-sass": "6.0.1"
+  }
+}

public/_redirects

@@ -0,0 +1 @@
+/*    /index.html   200

public/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <meta name="theme-color" content="#1975ff" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400&display=swap"
+      rel="stylesheet"
+    />
+    <title>Tokyo React Admin Dashboard</title>
+    <meta
+      name="description"
+      content="Tokyo Free White Typescript Dashboard features a nice classic light & clean design and color scheme."
+    />
+    <meta
+      name="keywords"
+      content="material-ui, admin dashboard, admin template, react, react template, react admin template, react dashboard, react admin panel"
+    />
+  </head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>

public/manifest.json

@@ -0,0 +1,30 @@
+{
+  "theme_color": "#1975ff",
+  "background_color": "#F6F8FB",
+  "display": "standalone",
+  "start_url": ".",
+  "short_name": "Tokyo",
+  "name": "Tokyo React Admin Dashboard",
+  "icons": [
+    {
+      "src": "/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}

public/robots.txt

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