brkyurun / admin-dashboard

Admin Dashboard

Another super fun project I had the chance to do thanks to The Odin Project. It took me longer than the Sign-up Form Project, but in a way, it was even more exciting to build this dashboard. I would definitely say this project greatly improved my understanding and knowledge of CSS Grid.

Resources Used

During the project, I have referred to the resources below for building the UI:

• Tailwind CSS color palette for designing a color theme: Tailwind CSS
• MDI for SVG icons used in the UI: Material Design Icons
• Boring Avatars by Hayk An and Josep Martins for the profile photos: Boring Avatars

Features

• Built using pure HTML5 and vanilla CSS3.
• Built with eye-comfort and accessibility in mind.
• Soft, minimal design language to enable the user to just focus on the content.
• Transition effects on the sidebar links, the search bar, dashboard button group, the icons inside the article cards, and user tags in trending card.