This is a simple dashboard created using HTML, CSS, and JavaScript. The purpose of this project is to provide a basic structure for building a web-based dashboard that can display various types of data, such as charts, tables, or interactive components. The project focuses on the front-end part, with a clean and minimalistic design.
- Responsive Layout: The dashboard adapts to different screen sizes, making it suitable for both desktop and mobile devices.
- Sidebar Navigation: The sidebar contains links that can be customized to navigate through different sections of the dashboard.
- Toggleable Sidebar: The sidebar can be toggled on and off using a button to allow for a more compact view.
- Interactive Elements: Basic interactivity, such as a button to toggle the sidebar, is implemented using JavaScript.
- Customizable: You can easily extend the dashboard by adding more pages, charts, tables, and other components.
- index.html: The main HTML file that contains the structure and content of the dashboard.
- /css/style.css: The stylesheet that defines the visual design, layout, and responsive behavior of the dashboard.
- /js/script.js: The JavaScript file responsible for handling interactions, such as toggling the sidebar.
- /assets/: Directory for storing images, fonts, and icons used throughout the project.
To run the dashboard locally:
-
Clone the repository
git clone <repository-url> -
Navigate to the project directory:
cd my-dashboard-project -
Open the index.html file in your browser:
open index.html