Skip to content

Latest commit

 

History

History
46 lines (30 loc) · 1.23 KB

README.md

File metadata and controls

46 lines (30 loc) · 1.23 KB
Raw

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

🏗️ 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