Dashboards

[vc_row full_width=”stretch_row” equal_height=”yes” bg_type=”bg_color” bg_override=”ex-full” bg_color_value=”#f3f6f9″ css=”.vc_custom_1588427211229{padding-top: 20px !important;padding-bottom: 20px !important;}”][vc_column][vc_row_inner][vc_column_inner][vc_column_text]Dashboards are great tools to provide information overview. With Login, Registration and Logout functionalities out of the way, we picked up dashboards as the next pivot for our development. We will be concentrating on the development of some common critical components needed in a dashboard.

To kick it off, we have replaced the old welcome page with a new dashboards page and added couple of high level info boxes. We have also added a backend API end point to get the data from the MySQL database.

In the future exercises, we will add a microservice to populate the dashboard data in an in-memory database. The cloud platform like AWS guarantees response time of under 1 millisecond. Yeah, that is not a typo. We should take advantage of setting up the aggregated data in an in-memory database and be able to perform top notch performance for our applications.

Here is a snapshot of the dashboard page as of this writing.[/vc_column_text][vc_single_image image=”465″ img_size=”large”][vc_column_text]

At BundleN, we experiment with stack combinations on our own time.
For potential clients interested in this stack, we can always give a demo of what we have up until that point of time. You can reach us at sales@BundleN.com

For more details on this stack, click here

Here is the latest about our Angular + Java project.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” gap=”10″ css=”.vc_custom_1581938564294{padding-right: 15px !important;padding-left: 15px !important;}”][vc_column_inner el_class=”features” width=”1/2″][bsf-info-box icon=”dt-icon-the7-misc-017″ icon_size=”70″ icon_color=”#552c11″ title=”Backend API endpoint for basic dashboard data” pos=”left” title_font_style=”font-weight:bold;” css_info_box=”.vc_custom_1588958116165{padding-top: 30px !important;}”]Task
Backend API endpoint for basic dashboard data

Task Details
Retrieve the case counts based on case status. Following are the case statuses that are needed from the database

  • New Case Count
  • Open Case Count
  • Pending Case Count
  • Closed Case Count

[/bsf-info-box][/vc_column_inner][vc_column_inner el_class=”features” width=”1/2″][bsf-info-box icon=”dt-icon-the7-misc-017″ icon_size=”70″ icon_color=”#552c11″ title=”Develop Dashboard UI Page” pos=”left” title_font_style=”font-weight:bold;” css_info_box=”.vc_custom_1588958240849{padding-top: 30px !important;}”]Task
Start with a basic Dashboard UI Page

Task Details
Develop cards to present the following info on the dashboard

  • New Cases
  • Open Cases
  • Pending Cases
  • Closed Cases

[/bsf-info-box][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” gap=”10″ css=”.vc_custom_1581938591262{padding-right: 15px !important;padding-left: 15px !important;}”][vc_column_inner el_class=”features” width=”1/2″][bsf-info-box icon=”dt-icon-the7-misc-017″ icon_size=”70″ icon_color=”#552c11″ title=”What are we cooking today?” pos=”left” title_font_style=”font-weight:bold;” css_info_box=”.vc_custom_1614936408527{padding-top: 30px !important;}”]Table View for New Cases
Provide a detail table with the new case information. As part of this table, add some icons to be able to assign cases or flag cases.

Table View for My Cases
Provide a detail table view of the cases belonging to the logged-in user. As part of this table, add some icons to be able to edit cases or assign the case to someone else.

Table View for My Tasks
Provide a detail table view of the tasks pending for the logged-in user.[/bsf-info-box][/vc_column_inner][vc_column_inner el_class=”features” width=”1/2″][bsf-info-box icon=”icomoon-the7-font-the7-sort-02″ icon_size=”70″ icon_color=”#552c11″ title=”What’s next?” pos=”left” title_font_style=”font-weight:bold;” css_info_box=”.vc_custom_1588958610506{padding-top: 30px !important;}”]

  • Dashboard widgets
  • Setup Redis in-memory database
  • Localization
  • Roles API End Point
  • Social Login using Google
  • Social Login using Facebook

[/bsf-info-box][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”48″ height_on_tabs=”24″ height_on_tabs_portrait=”32″ height_on_mob_landscape=”8″ height_on_mob=”16″][/vc_column][/vc_row][vc_row equal_height=”yes” bg_type=”image” parallax_style=”vcpb-default” bg_image_new=”id^73|url^https://dev.techreshape.com/marines/feb/atlas/wp-content/uploads/2020/01/contact-us124.png|caption^null|alt^null|title^contact-us124|description^null” bg_image_repeat=”no-repeat” bg_override=”ex-full” enable_overlay=”enable_overlay_value” overlay_color=”rgba(255,255,255,0.73)” css=”.vc_custom_1582001396087{padding-top: 35px !important;padding-bottom: 35px !important;}”][vc_column width=”5/12″][ultimate_heading main_heading=”Get In Touch” alignment=”left” main_heading_margin=”margin-bottom:20px;” main_heading_font_family=”font_family:Raleway|font_call:Raleway|variant:600″ main_heading_style=”font-weight:600;” main_heading_font_size=”desktop:40px;” main_heading_line_height=”desktop:50px;”][/ultimate_heading][bsf-info-box icon_type=”custom” icon_img=”id^51|url^https://bundlen.com/wp-content/uploads/2020/02/phone1.png|caption^null|alt^null|title^phone1|description^null” img_width=”55″ hover_effect=”style_2″ pos=”left”](615) 619-3000[/bsf-info-box][bsf-info-box icon_type=”custom” icon_img=”id^49|url^https://bundlen.com/wp-content/uploads/2020/02/email1.png|caption^null|alt^null|title^email1|description^null” img_width=”55″ hover_effect=”style_2″ pos=”left”]sales@BundleN.com

[/bsf-info-box][bsf-info-box icon_type=”custom” icon_img=”id^27|url^https://bundlen.com/wp-content/uploads/2020/02/time-1.png|caption^null|alt^null|title^time (1)|description^null” img_width=”55″ hover_effect=”style_2″ pos=”left”]Monday to Friday 7:00 am – 5:00 pm CST[/bsf-info-box][/vc_column][vc_column width=”7/12″][ultimate_heading main_heading=”Send Message” alignment=”left” main_heading_margin=”margin-bottom:20px;” main_heading_font_family=”font_family:Raleway|font_call:Raleway|variant:600″ main_heading_style=”font-weight:600;” main_heading_font_size=”desktop:40px;” main_heading_line_height=”desktop:50px;”][/ultimate_heading][contact-form-7 id=”117″][/vc_column][/vc_row]