Dashboard App

Visit D-Dashboard-App

This is an advanced application that displays a Dashboard, Pages, Apps, and Charts.

Accomplished by using:

• @syncfusion/ej2

  • charts
  • calendars
  • dropdowns
  • grids
  • inputs
  • kanban
  • popups
  • richtexteditor
  • schedule
  • popups

• Tailwind-Css.

• react-icons.

Features:

• Ecommerce Dashboard:

  • Gives you a full dashboard to monitor the work updates.

• Pages:

  • Orders, Customers, and Employees. All of these pages display the details of their own.

• Apps:

  • Calendar app: arranges your meetings.
  • Kanban app: arranges your tasks.
  • Editor app: edit your text styling.
  • Color-Picker app: pick your colors with its "Hex triplet".

• Charts:

  • Choose your preferred chart to display the data:
    • Line, Bar, Pie ...etc.

Setup:

• You will need to setup npm or yarn.
• Download the project git clone https://github.com/ZakyAly/dashboard-app
• In the project directory, you can run npm install or yarn install.
• Start the development mode by npm start or yarn run

Known Bugs:

• Colors:
  • bug in "customers, products, sales and refunds" in /ecommerce. It should display green color when percentage increases and red when the percentage decreases.

ToDo:

• Complete the notification, chat, cart, and profile.
• Refactoring some code.