codedthemes/datta-able-free-react-admin-template

Free version of datta able react

Datta Able React Free Admin Template

Datta Able React Free Admin Template comes with variety of components like Button, Badges, Tabs, Breadcrumb, Icons, Form elements, Table, Charts & 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.

⭐ ⭐ ⭐ Support us by giving star (Top right of this page) if you like the theme ⭐ ⭐ ⭐

The Pro version 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.

Datta Able Free	Datta able Pro
7+ Demo pages	85+ Demo pages
-	✓ Multi-Layout
-	✓ Dark/Light Mode 🌓
-	✓ TypeScript version
-	✓ Multiple color options
-	✓ RTL
-	✓ JWT, Firebase, Auth0, AWS authentication
-	✓ More components
✓ MIT License	✓ Pro License

Why Datta Able?

Datta 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 Datta Able React version

Preview

• Demo

Download

• Download from GitHub

Datta Able Pro version

Preview

• Demo

Purchase

• Buy now

Premium Version Preview & Download

Datta Able Pro Admin Template is available to purchase. Visit its numerous demos and make your purchase decision.

Preview

• Demo

Download

• Purchase from CodedThemes

Table of contents

• Getting started
• Documentation
• Technology stack
• Author
• Issues?
• License
• More Free React Templates
• More Pro React Templates
• Follow us

Getting Started

1. Clone from Github

git clone https://github.com/codedthemes/datta-able-bootstrap-dashboard.git

2. Install packages

yarn

3. Run project

yarn start

Documentation

Datta Able documentation helps you out in all aspects from Installation to deployment.

Technology stack

• Bootstrap V5
• 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

Datta Able is managed by team CodedThemes.

Issues

Please generate a GitHub issue if you found a bug in any version. We are try our best to resolve the issue.

License

• Licensed under MIT

More Free React Material Admin Dashboard Templates

• Free Mantis
• Free Materially
• Free Berry
• Free Gradient

More premium React Material Admin Dashboard Templates

• Mantis
• Materially
• Berry
• Gradient

Follow us

• Website https://codedthemes.com/demos/admin-templates/datta-able/react/default/dashboard/default
• Blog https://blog.codedthemes.com/
• CodedThemes https://codedthemes.com
• Dribbble https://dribbble.com/codedthemes
• Facebook https://www.facebook.com/codedthemes
• Twitter https://twitter.com/codedthemes

datta-able-free-react-admin-template's Issues

Unable to install due to dependency on Python2

After cloning and running npm install, an error pops up during the installation of node-gyp. One of the nested dependencies was in python2.

Currently using:
Win10
node 16.13.1
Python 3.10

npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb `which` succeeded python C:\Users\AppData\Local\Programs\Python\Python310\python.EXE
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: C:\Users\AppData\Local\Programs\Python\Python310\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)?

For Mobile or small screens, is not possible to scroll down Left Menu

A quick fix (needs more testing):

src\assets\scss\partials\menu_menu-lite.scss

@media only screen and (max-width: 991px) {
.pcoded-navbar {
        position: absolute;

Header dropdowns styling bug with react-bootstrap ^1.0.0

Theme version for react-bootstrap is ^1.0.0-beta.5.

From beta.5 to beta.17 no bugs occurs.

But after ^1.0.0 version upgrade layout is broken for Header DropdownMenu:

The issue maybe is related to Popover library being updated, I really dunno.
See:
react-bootstrap/react-bootstrap@1b20f1b

A quick fix:

src\assets\scss\partials\menu_menu-lite.scss

    .mr-auto {
        .dropdown-menu {
            margin-left: -20px !important;
        }
    }

    .ml-auto {
        float: right;

        .dropdown-menu {
            margin-left: 20px !important;
        }
    }

Can't scroll pages on Fullscreen

No scrollbar is showing:

quick fix:
src\assets\scss\partials\menu_menu-lite.scss

.fullscreen-enabled {
    overflow-y: auto;
}

Unable to open drawer menu when open with mobile browser.

If you logged in to admin index page, you can open the side menu as expected. BUT if you clicked some menu or link, after that you unable to open the side menu anymore.

Click on fullScreen icon not performing.

Clicking on the fullScreen icon makes the app fullScreen.And clicking back the icon for making it normal is freezing the app and do not let perform any operation
And looking at the console shows me following error.

17 security issues

ansi-html
1 ansi-html vulnerability found in package-lock.json 5 days ago
Remediation
No patched version is available.

Details
CVE-2021-23424
high severity
Vulnerable versions: <= 0.0.7
Patched version: No fix
This affects all versions of package ansi-html. If an attacker provides a malicious string, it will get stuck processing the input for an extremely long time.

and I found many other security issues you should attend and fix, thank you!