milan-960 / marketing-dashboard

Marketing DashBoard with real Data

Atriba Marketing DashBoard!

   

Mobile

 

How to start this ptoject!

Note This project was created using node version v17.4.0

clone the branch

git clone https://github.com/Milan-960/Marketing-Dashboard.git

Install dependecies

npm install

run on the localhost

npm start

Packages used

• Ej2 for displaying charts
• uuid for troubleshooting unique ids for the Sample Data table
• mui for data table
• Tailwind for styling, components and custome theme

Challenges

• Did some Reaserch on figuring out Ej2 to build charts from the given API

• Figuring out how to best display the data from given API the amount of fields and data. I decided to split it between qualitative and quantitative data, with one being manipulated by the dates, and other by the various qualitative types

What Can Be Improve

• Would configure the Redux for a state Managment!

• Would add tests for components and functions

• Would setup the project with TypeScript

• Sort out components better so they are broken down without need of functions. Break it down for better reusability and readability

• Adding a couple more charts to showcase the fields further, like a radial graph

• Configure webpack Modules to speed up and serve as a Static Files!

• Add Lazy loading React components for optimizing DashBoard

PS: This DashBoard is AKA fully responsive and can be accessible from any browser and mobile devices