NextGenAI - Frontend Mini Dashboard Task

📋 Overview

This project is a submission for the NextGenX AI Club (Web Development Domain) assessment. It is a responsive Mini Dashboard UI built with Next.js and Tailwind CSS.

The dashboard includes a navigation bar, key performance indicator (KPI) cards, and a visual revenue chart, demonstrating clean UI/UX principles and modular component architecture.

🚀 Tech Stack

• Framework: Next.js 14+ (App Router)
• Styling: Tailwind CSS
• Charts: Recharts
• Icons: Lucide React
• Language: TypeScript

📂 Project Structure

The project follows a clean, modular structure:

🛠️ Installation & Setup

1. Clone the repository:

   git https://github.com/AnmolPunj/nextgen-dashboard1.git
   cd nextgen-dashboard

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open the dashboard: Visit http://localhost:3000 in your browser.

✨ Features Implemented

• Responsive Navbar: Adapts to mobile and desktop screens.
• Dynamic Stats Cards: Displays "Total Users", "Active Users", and "Revenue" with distinct visual indicators.
• Interactive Chart: A line chart visualizing weekly revenue trends using Recharts.
• Clean UI: Modern, aesthetic design using a clean color palette (Slate & Indigo).

👤 Author

Anmol Punj

• Role: Web Development Applicant