React based admin dashboard with Theming (Light & Dark), Calendar, Tables, Charts, Kanban, and more. The project utilize SyncFusion components to create a collection of many awesome info charts and apps.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
The purpose of this porject was simply to experiement with the SyncFusion ej2 components with React utilizing Tailwind CSS framework to create a dashboard with all of my favorite components put together, I have used the Schedule (Calendar), Kanban, ColorPicker, RichTextEditor, and a few chart components. Now I can easily say I am in love with it and here is why:
- I think developers time should be focused on creating something amazing. A project that solves a problem and helps others and not to try reinvent the wheel. Syncfusion components are a great help in accomplishing just that.
- Simplicity is key when you adpot a new technology, and I can not ask for it to be any simpler than importing components and rendering it.
- Customizability, highly customizable from styling to creating new features for specific components.
- Great Documentation, almost every senario is covered somewhere somehow within SyncFusion's documentation.
Definitly will be using it for a work projects as well if the need arises.
The project was built using create-react-app and all the dependences can be found within the package.json.
To get all the dependances installed on your local device run:
- npm
npm install
Or
- to make sure you install all the dependency versions I used when creating this project and to avoid any issues you can run:
npm install --legacy-peer-deps
Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.
- Clone the repo
P.S. make sure to rename the folder to 'dashboard' with lowercase 'd' as I created this repo with uppercase for aesthetic purposes only.
git clone https://github.com/your_username_/Project-Name.git
- To get all the dependances installed on your local device run:
- to make sure you install all the dependency versions I used when creating this project and to avoid any issues you can run:
or otherwise simply run
npm install --legacy-peer-deps
npm install
- to make sure you install all the dependency versions I used when creating this project and to avoid any issues you can run:
- Start the Localhost:3000
npm start
See the open issues for a full list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt for more information.
Mabast Ahmad - @Mabast95 - mabast.n@gmail.com
Project Link: https://github.com/Mabast1/Dashboard
Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!