Building an Admin Dashboard: Project Management System Page (Part 2)

In the second video of this tutorial series, we will create the first page of the project management system for our admin dashboard using HTML, SASS (SCSS), and JavaScript. We will customize the UI elements to create a sleek and professional look for the page, and add interactivity with JavaScript. By the end of this video, you will have a good understanding of how to create a custom page for your admin dashboard and add interactivity with JavaScript.

Github page for starter folders:
https://github.com/mariusiscoding28/e...

Create a Custom Admin Dashboard playlist:
   • Creating a Custom Dashboard with HTML, SAS...  

Romans 8 Framework - Frontend UI Framework
http://romans8framework.blazythemes.c...

Code editor choices:
Notepad++ - https://notepad-plus-plus.org/downloads/
Sublime Text - https://www.sublimetext.com/
Brackets - http://brackets.io/
Atom - https://atom.io/
Visual Studio Code - https://code.visualstudio.com/

SASS Compiler
Prepros - https://prepros.io/

Timestamps:
0:00:00 Intro
0:04:28 Top navbar and styling
1:08:12 Sidebar menu and styling
1:43:42 Adding JS to navigation
2:22:10 Overview section
2:49:12 Project update & featured section
3:30:29 Project overview & earning section
4:07:15 Client overview section
4:22:23 Communication section
4:43:10 Modal
5:03:32 Footer & conclusion

#ProjectManagement #AdminDashboard #HTMLTutorial #SASSTutorial #JSTutorial #FrontendDevelopment #WebDevelopment