/admin-dashboard

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.

Primary LanguageHTML

Admin Dashboard

Screenshot of the Admin Dashboard.

Description

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.

Main Features

  • 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

Tech

The project is built with:

  • HTML
  • Vanilla CSS

Tools:

  • VS Code
  • Git

Reflection

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.

Credits

Happy coding!