Dashboard Page for User Portal (Project: D)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-5-YBgovnMX4liX6BMn.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-1-A8561QB49vCr0XwO.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-3-AMqX9oLaowtRVJ2k.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-4-AVLDe608GlcJW3we.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-2-Y4LEMWzrG7F2v557.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-5-YBgovnMX4liX6BMn.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-1-A8561QB49vCr0XwO.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-3-AMqX9oLaowtRVJ2k.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-4-AVLDe608GlcJW3we.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=492,fit=crop/mp8XK098XMhVxlDr/screenshot-2-Y4LEMWzrG7F2v557.png)
Overview
This project explores my ability to create a responsive, functioning, well thought-out dashboard page using Tailwind CSS. We were to create a dashboard that includes a project section, a messages section, and buttons that allowed the user to add/create new projects or messages. Each section had to have a preview of contents as well. These were the basic requirements, and we were free to design the page in the manner that we thought would be ideal.
For my project I included progress bars on the project previews for better progress tracking. I also included a message under the welcome message letting the user know that they had new messages or project items waiting for them.