Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vinod-mane3021/accuknox-dashboard-assignment
This assignment for Accuknox India Private Limited
https://github.com/vinod-mane3021/accuknox-dashboard-assignment
nextjs reactjs shadcn-ui tailwindcss typescript vercel-deployment zod zustand
Last synced: about 1 month ago
JSON representation
This assignment for Accuknox India Private Limited
- Host: GitHub
- URL: https://github.com/vinod-mane3021/accuknox-dashboard-assignment
- Owner: Vinod-Mane3021
- Created: 2024-08-20T05:36:49.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-22T17:14:55.000Z (5 months ago)
- Last Synced: 2024-10-15T17:21:10.939Z (3 months ago)
- Topics: nextjs, reactjs, shadcn-ui, tailwindcss, typescript, vercel-deployment, zod, zustand
- Language: TypeScript
- Homepage: https://accuknox-dashboard-assignment-seven.vercel.app/
- Size: 267 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Widget Manager
## 📚 Table of Contents
1. 🤖 [Introduction](#-introduction)
1. ✨ [Features](#-features)
1. 🧑💻 [Tech Stack](#-tech-stack)
1. 🔧 [Local Setup](#-local-setup)
1. 📄 [Feedback](#-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](https://reactjs.org/): UI library for building user interfaces.
- ⬜ [Next.js](https://nextjs.org/): React framework for server-side rendering and static site generation.
- 💨 [Tailwind CSS](https://tailwindcss.com/): Utility-first CSS framework for rapid UI development.
- 💎 [Shadcn UI](https://shadcn.dev/): UI components for React with a focus on accessibility.
- TS [TypeScript](https://www.typescriptlang.org/): Superset of JavaScript adding static types.
- 🛠️ [Zod](https://zod.dev/): Schema validation for TypeScript and JavaScript.
- 🐻 [Zustand](https://zustand-demo.pmnd.rs/): Lightweight state management for React.
- 🚀 [Vercel](https://vercel.com/): Platform for frontend deployment and serverless functions.
## ⚙️ Local setup
1. Clone this repository:
```bash
git clone https://github.com/Vinod-Mane3021/Accuknox-Dashboard-Assignment.git
```
2. Go to project folder
```bash
cd Accuknox-Dashboard-Assignment
```
3. Install dependencies:
```bash
pnpm install
```
4. Start the development server:
```bash
pnpm run dev
```
## \***\*📄 Feedback\*\***
I'd be happy to connect with you!
