Admin-Dashboard

This project is a part of The Odin Project’s curriculum, where I built an admin dashboard in HTML and CSS.

Hi 👋, I'm Daniel.

This is my submission for the Odin Project's Admin Dashboard project.

Live Version

Overview

This project is a admin dashboard created using HTML, CSS, and a bit of JavaScript. The goal was to replicate a design provided by The Odin Project, focusing on grid layout structure and user interface elements such as cards and avatars.

🤖 What I Used

• HTML: For structuring the content.
• CSS: For styling the layout.
  • Flexbox/Grid layout for positioning and aligning content.
  • Box shadows, borders, and border-radius and other CSS properties for aesthetics.
• JavaScript: Used for basic interactions (e.g., toggling sections).

🦄 Tools & Technologies

• HTML5
  

• CSS3 (Vanilla CSS)
  

• JavaScript (Vanilla JS)
  

Features

• Includes a sidebar, trending section, and announcement cards.
• Customizable color scheme and layout.

How to View

1. Clone or download this repository.
2. Open the index.html file in your browser.
3. Or view the live version here: [Admin Dashboard on GitHub Pages] (https://danny-codes.github.io/Admin-Dashboard/)

Screenshot

🎯 What I Learned

• Implementing grid and flexbox layouts.
• Working with responsive design techniques.
• Structuring an admin dashboard layout.
• Improving my CSS and HTML skills.

License

This project is open-source and available under the MIT License.