Dashboard with widgets

Description

This project is a dynamic dashboard application built with React 19, TypeScript, and Tailwind CSS, using react-grid-layout for drag-and-drop and resizing functionality.

The application allows users to:

• Add, remove, and rearrange customizable widgets on the dashboard.
• Persist widget layout and active state using localStorage.
• Enable editing mode to adjust layout or manage visible widgets.
• Move and resize widgets with visual feedback.
• Experience a smooth UI with transitions and responsive design.

The project is structured for scalability and includes modular components, custom React hooks, and clean state separation.

Setup and Installation

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/marina-bul/dashboard

2. Navigate to the project directory:

   cd dashboard

3. Install the dependencies:

   npm install

   or for yarn

   yarn install

4. Start the development server:

   npm run dev

   or for yarn

   yarn dev

5. Open the application in your browser:

Visit http://localhost:5173 to view the app.