Admin Dashboard

A modern and responsive admin dashboard built with HTML, CSS, and JavaScript, using DaisyUI and TailwindCSS for design and styling.

Description

This project is a complete web administration panel that offers an intuitive and modern user interface for user management, statistics visualization, and data administration. It is designed to be fully responsive, working perfectly on mobile devices, tablets, and desktop computers.

Features

• Responsive Design: Adapts to any screen size
• Statistics Dashboard: Visualization of key data through charts and information cards
• User Table: Complete user management with filtering options and quick actions
• Registration Form: 8-field form to add new users to the system
• Customizable Theme: Color scheme easily adaptable through CSS variables
• Intuitive Navigation: Side and top bars for quick and efficient navigation

Technologies Used

• HTML5: Document structure
• CSS3: Styles and animations
• JavaScript: Interactivity and graphics
• TailwindCSS: CSS utility framework
• DaisyUI: Tailwind-based UI components
• Chart.js: Data visualization through charts

Project Structure

admin/
├── index.html          # Main dashboard page
├── src/
│   └── style.css       # Custom styles and theme configuration
├── README.md           # Project documentation

Installation and Usage

1. Clone this repository:

   git clone https://github.com/gerardp/admin-panel.git

2. Open the index.html file in your web browser

3. For development, you can use a local server:

   npx serve

Customization

Theme Modification

The theme can be customized by editing the CSS variables in the src/style.css file. The project uses DaisyUI for theme management, which makes it easy to change colors, border radii, and other global styles.

You can generate a new theme using the DaisyUI Theme Generator.

Copy the new theme and paste it into the src/style.css file.

License

This project is licensed under the MIT License - see the LICENSE file for details.