This app is a multi-page project that incorporates various functionalities such as data visualization, theming, a Kanban board, and more. It’s designed to provide an interactive and feature-rich user experience.
- Tailwind CSS: For creating modern and responsive UI designs.
- React.js: To build the dynamic and interactive user interface.
- Syncfusion: A robust component library that powers the features of this app.
-
Theme Colors:
- Choose from multiple theme colors to customize the app as per your preference.
-
Light & Dark Mode:
- Effortlessly toggle between light and dark themes for a comfortable viewing experience.
- Displays fake data like the products, orders, and more.
- Sort orders data by various titles such as customer names.
- View data related to employees.
- Search for employee details by typing their name.
- Displays customer data with sorting options.
- Add, edit, and customize events in the calendar.
- Drag and drop tasks to organize them as per your needs.
- A fully-functional text editor with features like formatting, highlighting, and more.
- Use the pen tool to pick and apply your favorite color from the theme palette.
- View visually appealing charts and bars with smooth effects.
- Clone the repository:
git clone https://github.com/rumaisanaveed/dashboard-application.git
- Navigate to the project directory:
cd multi-page-app - Install dependencies:
npm install
- Start the development server:
npm start
-
Syncfusion Library:
- Utilized Syncfusion for implementing all the functionalities described above.
-
State Management:
- Managed using React’s Context API for a smooth and centralized state handling.
-
Fake Data:
- Used for populating the app's pages for demonstration purposes.
-
React Icons:
- Used for intuitive and visually appealing icons.
⭐ Note: Clone this repository to explore the project further, and don't forget to give this repo a star!