Catstrophee Admin Dashboard

A cat-themed admin dashboard layout built with HTML and CSS.

This project was created to practice CSS Grid, layout structure, sidebar navigation, dashboard cards and responsive UI design.

Features

• Sidebar navigation
• Header with search and profile area
• Dashboard-style image grid
• Updates and favourites sections
• Custom color palette

Built With

• HTML
• CSS
• CSS Grid
• Flexbox

What I Practiced

• Building a full-page dashboard layout
• CSS Grid page structure
• Flexbox alignment
• Working with images and icons
• Organizing reusable sections
• Creating a consistent visual theme

Future Improvements

• Improve mobile responsiveness
• Add hover/focus states for buttons and sidebar items
• Improve semantic HTML and accessibility
• Add dark/light theme option
• Add interactive dashboard cards with JavaScript

Image Credits

Pictures are from Unsplash:

• Profile picture: Lloyd Dirks
• First picture: Erik-Jan Leusink
• Second picture: Kate Stone Matheson
• Third picture: Tatyana Rubleva
• Fourth picture: Steven Van Elk
• Fifth picture: Joe Cleary
• Sixth picture: Dong Cheng

Live Demo

View the project here