Dashboard 📊

A modern, data-driven dashboard built with Nextjs, Recharts, and Tailwind CSS, providing insightful visualizations and real-time data updates.

---

🛠 Features

• Dynamic Charts: Interactive area and pie charts powered by Recharts.
• Responsive Design: Seamlessly adapts to various devices and screen sizes.
• Data Cards: Compact, informative cards highlighting key metrics like login counts, unique users, and more.
• Real-Time Updates: Fetches live data using custom hooks for logs.
• Map Integration: Displays geographic distribution of users (using a custom Map component).
• Recent Logins Table: Displays recent login activity in a clean, tabular format.

---

DEMO

• https://dashboard-three-delta-27.vercel.app/

🏗️ Tech Stack

• Frontend: React, Tailwind CSS, Recharts
• Icons: Lucide Icons
• State Management: Custom React Hooks
• Additional Tools: TypeScript, ResponsiveContainer for charts

---

🚀 Setup and Installation

Prerequisites

Ensure you have the following installed:

• Node.js (>= 16.x)
• npm or yarn

Steps

1. Clone the repository:

   git clone https://github.com/your-username/dashboard.git
   cd dashboard