This Admin Dashboard project is a part of The Odin Project's curriculum. The Odin Project provides a high quality web development education maintained by an open source community.
This is the project's design file.
- Modern and Aesthetic Design: The dashboard boasts a sleek and minimalist user interface, characterized by clean lines and a clutter-free design. Interactive elements such as subtle hover effects, transitions, and animations provide an engaging and responsive interface.
- Responsive Design: The project is primarily meant for desktop users, and as such, it doesn't offer support for mobile devices and other smaller screens. However, the dashboard does support window resizing down to a certain point and provide a consistent user experience across various desktop screens.
To Do:
- Dark Mode
- Fully Responsive Design
The project is built with:
- HTML
- Vanilla CSS
Tools:
- VS Code
- Git
The project significantly improved my understanding of CSS Grid Layout and CSS Flexbox. Currently, I am learning only Vanilla CSS and building projects with it. But I am also looking forward to learning CSS Frameworks and further enhancing my knowledge in areas like animations and responsive design.
- Icons used for the account images are 'People stickers' created by Stickers - Flaticon.
- Icon used for the favicon image is from 'Dashboard icons' created by Pixel perfect - Flaticon.