Free React version of Star Admin

Home Page: https://www.bootstrapdash.com/demo/star-admin-free/react/template/demo_1/preview/dashboard

HTML 0.81% JavaScript 79.62% SCSS 19.57%

react bootstrap react-bootstrap template admin-dashboard reactjs react-template kick-start

staradmin-free-react-admin-template's Introduction

Star Admin Free React Template

Star Admin React is yet another incredible admin template from BootstrapDash that is based on Bootstrap framework. The template is tastefully designed and coded to perfection. Star Admin React comes packed with a lot of bootstrap components, UI elements and built-in sample pages to kick-start your project.

The template is highly customizable so that you can alter the design to suit your needs and give it a unique look and very well-documented to help you get started without any issues.

Credits:

Bootstrap
Material Design Icons
React
Chart.js

Browser Support:

Star Admin React is designed to work flawlessly with all the latest and modern web browsers.

Chrome (latest)
FireFox (latest)
Safari (latest)
Opera (latest)
IE10+

License Information:

Star Admin React is released under MIT license. Star Admin React is a free react admin template developed by BootstrapDash. Feel free to download it, use it, share it, and get creative with it.

How to use Star Admin React?

1 - Click the Clone or Download button in GitHub and download as a ZIP file or you can enter the command git clone https://github.com/BootstrapDash/StarAdmin-Free-React-Admin-Template.git in you terminal to get a copy of this template.

2 - After the files have been downloaded you will get a folder with all the required files

3 - You can install all the dependencies in the template by running the command 'npm install'. All the required files are in the node modules.

4 - You can serve the template with the command 'npm start'.

5 - Now that your project has now kick-started, all you need to do now is to code, code, and code to your heart's content.

How to Contribute?:

We love your contributions and we welcome them wholeheartedly. We believe the more the merrier. To contribute make sure you have a Node.js and npm installed.

After node and npm has been installed, follow the steps below to contribute.
1 - Fork and clone the repo of Star React Admin.
2 - Run the command 'npm install' to install all the dependencies.
3 - Enter the command 'npm start'. This will open Star React Admin in your default browser.
4 - Make your valuable contribution
5 - Submit a pull request.

Do you need a template with more features and functionalities? Get more with our collection of the premium template with more plugins, eye catching animations, UI components, and sample pages all fitting together with a high-quality design. Visit https://www.bootstrapdash.com for more admin templates.

staradmin-free-react-admin-template's People

Contributors

Stargazers

Watchers

Forkers

nj-ramadhan pks-os khalisoft vitormateusalmeida jeancarlos2015 swipswaps marcoscannabrava rizialdi johnnyhicks95 bklein01 madhusudhanreddola aliffauzi vasilemarin winstonmhango avinay tiphainehenry aravindtreddy gilatb sukedesu vkylamba fgunz07 nikhilshankar96 nnkogift tomer555 xcodeworz powartejas1402 poryagrand julioquiroga avivdaniel ahmedscchaider admin-dashboards muhamood sarbao hieunguyentan odongohcoder spurgeonprakash sebaslugo jasirmj gustavoarmoa jeanolee fardindev hashimrasheed sergi884 anggabaguspratama arjungkk jobayer1007 andaniel2029 kvssankar ptkoo stark146 topidesta taofik-adeniyi vkomenda abdallahbouhannache dindu5 santinopnipa ogi-joo yayangkurniaw4n chandu4221 brunoom1 skyblueballykid michael-aries11 rizwanbinnawaz purecommit gtstride angogi seehashtech akshatdataman vaibhavpatel029 wijayaac mizeck sayantanjana cadalzolc akshat0298 mrghosj luisdiego19fv vega99 mar-code abhishek2x thisisaloksingh kalpu71 hariniks411 sushmabala ag-react sajadsafraei jsheumaker1 nebihaamir ftufekci speedranger zyad-yasser kiprashon ahmadbudiu komport git91pk mumer29 cientista-avogadro vennhost umargarga justhackit muhibu673

staradmin-free-react-admin-template's Issues

error when build

module not found: Error: Can't resolve '../images/auth/register-bg.jpg' in 'D:\kuliah\skripsi\project\web\admin_goldpay\src\app'.
previously I never set up in the auth scss section. but there are no errors when it is run locally

Upgrade the Packages.

Error Log Here:

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.3 (node_modules/react-scripts/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/watchpack-chokidar2/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/webpack-dev-server/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] requires a peer of popper.js@^1.16.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.13.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.13.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^15.5.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^15.5.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.3.2 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^0.14.0 || ^15.0.0 || ^16.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^0.14.0 || ^15.0.0 || ^16.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.13 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dnd-html5-backend@^11.1.3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dnd-touch-backend@^11.1.3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.13 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of chartist@^0.10.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.8.2 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.8.2 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^15.0 || ^16.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^15.0 || ^16.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^0.14.9 || ^15.3.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.5.2 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.5.2 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.5.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.5.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^0.14.0 || ^15.0.0-0 || ^16.0.0-0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.13.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dnd@^11.1.3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of csstype@^2.6.2 but none is installed. You must install peer dependencies yourself.
npm WARN @babel/[email protected] requires a peer of @babel/core@^7.13.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^15.3.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^15.3.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.

Select Language dropdown error

The spacing between Dropdown and button is more as compared to the other dropdown menus.

Correct Design should look like the one attached below:

Sir kindly remove the node modules folder

Keeping the sidebar fixed when scrolling down

I have tried many possibilities to keep the sidebar fixed when scrolling down the main panel, But it was not happening.
Any suggestions ? Thanks

404 and 500 pages require some responsive adjustments

Login and Registration Page: Responsiveness issue on Different Devices

Design is not responsive on different devices.

Some common issues involve:

Non-scrollable
Form not fitting in the screen
Redundant padding and margin

PIXEL 2, PIXEL 2 XL, etc (Not Visible + Not Scrollable)

IPAD, IPAD Pro (Not Scrollable)

Error after npm install and then npm start

info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle [email protected]prestart: [email protected]
6 info lifecycle [email protected]start: [email protected]
7 verbose lifecycle [email protected]start: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]start: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;F:\NodeJsClone\StarAdmin-Free-React-Admin-Template\template\demo_1\node_modules.bin;C:\Python39\Scripts;C:\Python39;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\ProgramData\Oracle\Java\javapath;C:\Windows\System32;C:\Windows;C:\Windows\System32\wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Program Files\PowerShell\6.0.1;C:\Program Files\dotnet;C:\Program Files\Microsoft SQL Server\130\Tools\Binn;C:\Windows\System32\OpenSSH;C:\Program Files (x86)\Oberthur Technologies\AWP\DLLs;C:\Program Files\Oberthur Technologies\AWP\DLLs;F:\Program Files (x86)\GnuPG\bin;C:\Program Files\PuTTY;C:\Program Files (x86)\Microsoft SQL Server\140\Tools\Binn;C:\Program Files\Microsoft SQL Server\140\Tools\Binn;C:\Program Files (x86)\Microsoft SQL Server\140\DTS\Binn;C:\Program Files\Microsoft SQL Server\140\DTS\Binn;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn;C:\Program Files (x86)\Microsoft SQL Server\150\DTS\Binn;c:\php;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\NVIDIA Corporation\NVIDIA NvDLISR;C:\Program Files\nodejs;C:\ProgramData\chocolatey\bin;C:\Program Files\Git\cmd;C:\Users\user\AppData\Local\Microsoft\WindowsApps;C:\Program Files (x86)\Nmap;C:\Users\user.dotnet\tools;C:\Users\user\AppData\Roaming\npm;C:\Users\user\AppData\Local\atom\bin;C:\Users\user\AppData\Local\Programs\Microsoft VS Code\bin
9 verbose lifecycle [email protected]start: CWD: F:\NodeJsClone\StarAdmin-Free-React-Admin-Template\template\demo_1
10 silly lifecycle [email protected]start: Args: [ '/d /s /c', 'react-scripts start' ]
11 silly lifecycle [email protected]start: Returned: code: 1 signal: null
12 info lifecycle [email protected]start: Failed to exec start script
13 verbose stack Error: [email protected] start: react-scripts start
13 verbose stack Exit status 1
13 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:376:20)
13 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:376:20)
13 verbose stack at maybeClose (internal/child_process.js:1055:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
14 verbose pkgid [email protected]
15 verbose cwd F:\NodeJsClone\StarAdmin-Free-React-Admin-Template\template\demo_1
16 verbose Windows_NT 10.0.18363
17 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "start"
18 verbose node v14.17.0
19 verbose npm v6.14.13
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] start: react-scripts start
22 error Exit status 1
23 error Failed at the [email protected] start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

bootstrapdash / staradmin-free-react-admin-template Goto Github PK