Dashboard

🚀 User Insights Dashboard This is a modern and interactive React-based dashboard that displays user data in a table along with insightful visualizations using Recharts. It features global search, pagination, sorting, and charts like Bar, Pie, Line, and Area charts.

✨ Features 🔍 Global Search — Filter users with ease.

🔢 Pagination — Navigate through pages of user data.

🔼 Sortable Columns — Click on column headers to sort.

📊 Bar Chart — Visualize total revenue per user.

🧁 Pie Chart — View distribution of user roles.

📈 Line Chart — Track revenue growth over time.

🌱 Area Chart — See user joins over time.

📦 Technologies Used React (with Hooks)

react-table — For creating dynamic, sortable, paginated tables.

recharts — For data visualizations (charts and graphs).

Tailwind CSS — For modern, responsive styling.

🛠️ Getting Started Prerequisites Node.js & npm installed

Installation Clone the repository:

bash Copy Edit git clone https://github.com/developer-25/Dashborad.git cd user-insights-dashboard Install dependencies:

bash Copy Edit npm install Start the development server:

bash Copy Edit npm start Open https://6819a59809d045bf5d912e36--jazzy-tiramisu-ab2a03.netlify.app/ in your browser.

📁 Project Structure App.js — Main component that renders the table and charts.

App.css — Custom styles using Tailwind CSS.

mockData — Sample user data (name, email, role, join date, revenue).

📄 License This project is open-source and free to use under the MIT License.