Widget Manager

📚 Table of Contents

1. 🤖 Introduction
2. ✨ Features
3. 🧑‍💻 Tech Stack
4. 🔧 Local Setup
5. 📄 Feedback

🤖 Introduction

This web application allows users to dynamically manage widgets within categories. Users can add, update, and remove widgets, as well as search through all available widgets. The application is built with React and uses Zustand for state management.

✨ Features

• 📊 Dynamic Widget Management: Easily add, update, and remove widgets within various categories.
• 📂 Category-Based Organization: Widgets are grouped by categories for better organization and navigation.
• 🔍 Search Functionality: Quickly search and filter through all available widgets.
• ➕ Add New Widgets: User-friendly interface to add new widgets, including name and custom text.
• ❌ Remove Widgets: Simple and intuitive cross icon to remove widgets from categories.
• 🗃 Manage Categories: Add or remove widgets directly from the category list.
• 🔄 Real-time State Management: Efficiently manage application state using Zustand (or another state management tool).
• 🎨 Styled with TailwindCSS: Sleek, modern, and fully responsive design.
• 🌐 Built with Next.js 14: Utilizing the latest features of Next.js.
• 🚀 Deployed on Vercel: Fast and scalable deployment on Vercel.

🧑‍💻 Tech Stack

• ⚛️ React: UI library for building user interfaces.

• ⬜ Next.js: React framework for server-side rendering and static site generation.

• 💨 Tailwind CSS: Utility-first CSS framework for rapid UI development.

• 💎 Shadcn UI: UI components for React with a focus on accessibility.

• TS TypeScript: Superset of JavaScript adding static types.

• 🛠️ Zod: Schema validation for TypeScript and JavaScript.

• 🐻 Zustand: Lightweight state management for React.

• 🚀 Vercel: Platform for frontend deployment and serverless functions.

⚙️ Local setup

1. Clone this repository:

   git clone https://github.com/Vinod-Mane3021/Accuknox-Dashboard-Assignment.git

2. Go to project folder

   cd Accuknox-Dashboard-Assignment

3. Install dependencies:

   pnpm install

4. Start the development server:

   pnpm run dev

**📄 Feedback**

I'd be happy to connect with you!