Light Blue React Node.js React Admin Dashboard Template with Node.JS Backend
Changelog
[8.3.0] - 05/09/2024
- Added react-scripts version 5 along with webpack version 5 support.
- Added support for node.js version > 20
- Removed old webpack configs.
- Removed unnecessary dev dependencies.
- Replaced deprecated glyphicons-halflings icon library with bootstrap-icons
[8.2.3] - 21.12.2023
- Update dependencies
[8.2.2] - 18.05.2023
- Update dependencies
- Update react version
- Corrected minor errors
[8.2.1] - 01.07.2022
- UI Adjust
[8.2.0] - 17.06.2022
- Updated Bootstrap/Reactstrap
- Add theme swicther
- Updated dependencies
[8.1.6] - 13.05.2021
- Updated blocks position in Typography, Form Validations, LB Packages,
- Products Grid: Customize dropdowns in E-Commerce
- Alerts: Customize alerts notifications
- Dashboard: Fixed position pop-up alert in header
- Add function LoginOut in Login Page,
- Following dependencies and devDependencies was updated to the recent versions ###Dependencies: "@fullcalendar/core": "5.3.0" -> "5.6.0", "@fullcalendar/daygrid": "5.3.0" -> "5.6.0", "@fullcalendar/interaction": "5.3.0" -> "5.6.0", "@fullcalendar/list": "5.3.0" -> "5.6.0", "@fullcalendar/react": "5.3.0" -> "5.6.0", "@fullcalendar/timegrid": "5.3.0" -> "5.6.0", "axios": "^0.19.2" -> "^0.21.1", "bootstrap": "4.5.0" -> "4.6.0",` "classnames": "^2.2.6" -> "^2.3.1", "connected-react-router": "^6.8.0" -> "6.9.1", "draft-js": "^0.11.6" -> "^0.11.7", "echarts-for-react": "^2.0.16", "file-saver": "^2.0.2" -> "^2.0.5", "filesize": "^6.1.0" -> "^6.3.0", "md5": "^2.2.1" -> "^2.3.0", "rc-slider": "^9.5.1" -> "^9.7.2", "react": "^16.13.1" -> "^16.14.0", "react-animate-height": "^2.0.21" -> "^2.0.23", "react-animated-number": "^0.4.4", "react-apexcharts": "^1.3.7" -> "^1.3.9", "react-app-polyfill": "^0.1.3" -> "^0.2.0", "react-dev-utils": "^6.0.5" -> "^6.1.1", "react-dom": "^16.5.2" -> "^16.14.0", "react-draft-wysiwyg": "1.10.12" -> "1.14.7", "react-dropzone": "^11.2.0" -> "^11.3.2", "react-mde": "^11.0.0" -> "^11.5.0", "react-redux": "7.2.0" -> "7.2.4", "react-router-hash-link": "^2.1.0" -> "^2.4.1", "react-scrollspy": "^3.4.2" -> "^3.4.3", "react-select": "^3.1.0" -> "^3.2.0", "react-slick": "^0.26.1" -> "^0.28.1", "react-sortable-tree": "^2.7.1" -> "^2.8.0", "react-toastify": "^6.0.8" -> "^6.2.0", "react-transition-group": "^4.4.1", "redux": "^4.0.5" -> "^4.1.0", "sortablejs": "1.10.2" -> "1.13.0", "styled-components": "^5.1.1" -> "^5.3.0", "uuid": "^8.3.0" -> "^8.3.2", "yup": "^0.29.1" -> "^0.32.9"
###DevDependencies: "@babel/core": "7.4.4" -> "7.14.0", "@babel/plugin-proposal-class-properties": "7.4.4" -> "7.13.0", "@babel/plugin-proposal-optional-chaining": "7.2.0" -> "^7.13.12", "@svgr/webpack": "4.2.0" ->"4.3.3", "babel-core": "7.0.0-bridge.0", "babel-eslint": "10.0.1" -> "10.1.0", "babel-jest": "24.8.0" -> "24.9.0", "babel-loader": "8.0.5" -> "8.2.2", "babel-plugin-named-asset-import": "1.0.0-next.103" -> "1.0.0-next.154", "babel-preset-react-app": "9.0.0" -> "9.1.2", "bfj": "6.1.1" -> "6.1.2", "case-sensitive-paths-webpack-plugin": "2.2.0" -> "2.4.0", "cross-env": "^7.0.2" -> "^7.0.3", "dotenv": "8.5.1" -> "8.5.1", "eslint-plugin-flowtype": "3.8.1" -> "3.13.0", "eslint-plugin-import": "2.17.2" -> "2.22.1", "eslint-plugin-jsx-a11y": "6.2.1" -> "6.4.1", "eslint-plugin-react": "7.13.0" -> "7.23.2", "eslint-plugin-react-hooks": "1.6.0" -> "1.7.0", "jest": "24.8.0" -> "24.9.0", "jest-pnp-resolver": "1.2.1" -> "1.2.2", "jest-resolve": "24.8.0" -> "24.9.0", "mini-css-extract-plugin": "0.6.0" -> "0.12.0", "node-sass": "4.14.0" -> "4.14.1", "optimize-css-assets-webpack-plugin": "5.0.1" -> "5.0.4", "pnp-webpack-plugin": "1.4.3" -> "1.6.4", "postcss-flexbugs-fixes": "4.1.0" -> "4.2.1", "postcss-preset-env": "6.6.0" -> "6.7.0", "postcss-safe-parser": "4.0.1" -> "4.0.2", "resolve": "1.10.1" -> "1.20.0", "sass-loader": "7.1.0" -> "7.3.1", "style-loader": "0.23.0" -> "0.23.1", "terser-webpack-plugin": "1.2.3" -> "1.4.4", "webpack": "4.31.0" -> "4.44.0", "webpack-dev-server": "3.3.1" -> "3.11.2", "webpack-manifest-plugin": "2.0.4" -> "2.2.0",
[8.1.5]
- Updated documentation
[8.1.4]
Updated
- Updated sidebar and header icons
- Updated sidebar and header layout
[8.1.3]
Fixed
- Change badge text in the sidebar
- Change alert text in the usermanager/ecommerce
[8.1.2]
Fixed bugs and layout issues
- Add new images to Documentation and LB Package pages
- Change progress bars bg color
- Update main colors
- Badges and buttons: fix margins, change font colors
- Dropdowns: change paddings
- Header component: change dropdown hover states
- Charts: fix charts issues
- Fix adaptive and layout issues on pages
- Charts: fix label colors, apex dropdown text
[8.1.1]
- Added link to flatlogic on login page
[8.1.0]
- Updated all dependencies, cleaned up dependency tree
[8.0.5]
- Updated fullcalendar package to v5.3.0
[8.0.4]
- Add animation to alert in header
- Fix animated classes
- Fix colors in notifications, chart dropdown menu, tables
[8.0.3]
- Updated line-awesome package
[8.0.2]
Fixed bug
- Fixed sidebar caret for Safari
[8.0.1]
New Features
- Added sample formik widget
[8.0.0]
New Features
- Added brand new Backend
- New tab to mange users
- Social login
- Manage users functionality
- Update password route
- Reset password route
- Upload avatar
- Refactored architecture
[7.2.0]
New Features
- Added re-usable breadcrumbs component
[7.1.2]
Fixed
- Fixed small calendar events
[7.1.1]
Fixed
- Added css fixes
[7.1.0]
New Features
- New color scheme
[7.0.1]
Fixed
- Fix bugs and css improvements
[7.0.0]
Updated
- Removed Jquery from core layout
New Features
- New charts
[6.1.0]
New Features
- Make an api stub for non-backend mode
Light Blue React Node.js usage example
Licence
$149
Plan includes:
-
Hundreds unique components
-
Over 40 unique pages
-
Multiple color schemes
-
3 Months of Free Updates
-
Full support via forum/email
-
Non-commercial use only
$699
Plan includes all Personal License features plus:
-
Commercial use
-
Integration Assistance
-
Premium Life-time support
-
6 Months Free Updates
FAQ
A license grants you a non-exclusive and non-transferable right to use and incorporate the item in your personal or commercial projects.
If your end product including an item is going to be free to the end user then a Personal License is what you need. If you want to build multiple applications either for you or your client then you need to buy multiple licenses. An Developer License is required if the end user must pay to use the end product or paid services or goods are delivered via your application.
| License Type | Personal | Developer |
|---|---|---|
| Number of end products | 1 | 1 |
| Use in a single end product | ||
| Use in a multiple end products | ||
|
Use in a free end product (More than one end user allowed) |
||
|
Use in an end product that's sold
(An ability to have multiple paying users) |
Personal Application License
Your use of the item is restricted to a single application. You may use the item in work which you are creating for your own purposes or for your client. You must not incorporate the item in a work which is created for redistribution or resale by you or your client. The item may not be redistributed or resold. You may not charge users for using your application.
Developer Application License
Your use of the item is restricted to a single application. You may use the item in work which you are creating for your own purposes or for your clients. You are licensed to use the Item to create one single End Product for yourself or for one client (a “single application”), and the End Product may be Sold and users may be charged for using it (e.g. you are building a SAAS application).
In case if you need any clarifications considering licenses feel free to contact us via email: [email protected] or raise your question in our forum - it is more likely to receive an immediate response.
The following measures will help to ensure that your download link is successfully delivered to you.
Make sure your email address is correct and up-to-date
If registered using your Github account, be sure that the email address associated with your account is correct, up-to-date, and is able to receive emails.
Add [email protected] email address to your address book
Sometimes email servers and clients incorrectly mark an email as 'spam' or 'junk mail'. In order to ensure that your download is delivered without being marked as spam or junk mail, add [email protected] to your desktop or web-based email client's address book.
Follow purchases through to the order confirmation page
At the end of the purchase process you will go to an order confirmation page. You will be able to download the template from the order confirmation page.
The fastest and easiest way to receive help is to raise your question in our support forum. It is constantly monitored and is more likely to be processed immediately.
Before raising a question please make sure you have updated npm, yarn and node to
the recent versions and try to launch your project again.
However, if you have purchased our item and need a private support please write an email to [email protected]. This email and forum are the only ways to receive support with a guarantee. Other emails and channels of communication are not monitored by our support team.
If the order is not attached to your account, go to the download resender tool and enter the email address used at checkout. The email address entered must be the exact email address used at checkout.
Note: Buyers registered with PayPal may have more than one email address associated with their PayPal accounts.
In order to request invoices for your purchases please contact us via email [email protected] and provide your bill-to information.
In order to be applicable for a refund you have 24 hours to inspect your purchase and to determine if it does not meet with the expectations laid forth by Flatlogic.
Mobile Application Template built with React Native
383
React Material-UI Admin & Dashboard Template
49