Admin dashboard tutorial – Bootstrap 4 and Material Design

admin dashboard tutorial

Project introduction:

Admin dashboards belong to the most advanced UI category. They are designed for the organization and visualization of the huge amounts of data and for managing the multiple functionalities of the application.

Click on the button below to see the final result of this tutorial:

You will learn how to create and use the following components and functionalities:

  1. Side navigation

  2. Component initialization via JavaScript

  3. Double navigation

  4. Advanced navigation layouts

  5. Skins

  6. Customization via CSS

  7. Sections

  8. Charts

  9. Select

  10. Datepicker & timepicker

  11. Tables

  12. Table responsiveness

  13. Pagination

  14. Modals

  15. Checkbox

  16. Accordion

  17. Dropdowns

  18. Alerts

Previous lesson Live preview Next lesson

Spread the word:
Do you need help? Use our support forum

About the author

User avatar
Michal Szymanski
Co-Founder at MDBootstrap. Entrepreneur, web developer, UI/UX designer, marketing analyst. Dancer and nerd in one.