Customizable Dashboard

A full-stack customizable dashboard application where users can control widget visibility. Widget preferences are persisted across sessions and stored Zustand library for React

Features

• Customizable Widgets: Users can show/hide widgets as needed.
• Persistent State: Visibility preferences persist across page refreshes and sessions.
• User Authentication Store user-specific widget preferences, and user login or Register
• Post - it can be editable.
• Search Option - Widgets

Tech Stack

• Frontend: Next.js with TypeScript, ShadCN UI,Tailwind CSS
• Backend: Next.js SSR, API Routes
• State-Management: Zustand library for React
• Recharts
• Lucide React
• React Hook Form
• Zod
• Next Themes

Setup Instructions

Prerequisites

• Node (>=14)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/customizable-dashboard.git
   

Getting Started

Install dependencies:

npm Install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.