Skip to content
This repository has been archived by the owner on May 7, 2020. It is now read-only.

Latest commit

 

History

History
29 lines (29 loc) · 1.09 KB

step-by-step.md

File metadata and controls

29 lines (29 loc) · 1.09 KB
  1. Install Tailwindcss + Vue.
  2. Setup Tailwindcss.
  3. Setup Vuejs.
  4. Setup Fonts + Font color.
  5. Change 'container' confing in tailwind.js
  6. Create the navbar.
  7. Default links style.
  8. Setup font awesome icons.
  9. Create panel style.
  10. Create sidebar style.
  11. Install 'vue-slide-up-down' vue plugin.
  12. Use 'vue-slide-up-down' plugin on the sidebar dropdown.
  13. Configure fontawesome with pseudo elements and DOM MutationObserver.
  14. Create the horizonal and the vertical forms.
  15. Create the buttons.
  16. Create the pagination.
  17. Install 'vue-notification' for showing fast notes.
  18. Create custom 'vue-notification' template.
  19. Create the notifications component.
  20. Create the alerts component.
  21. Create the table compoenent.
  22. Install 'vue-good-table' for making vuejs datatables.
  23. Create the DataTable compoenent.
  24. Create the DataTable remote mode loader.
  25. Install 'vue-slideout' for sidebar slideout effect.
  26. Create sidebar slideout using 'vue-slidout'.
  27. Add disabled event styling for inputs and buttons.
  28. Create 'input error' component.
  29. Add 'navbar dropdown' styles.