Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vibhoursharma/accuknox-assignment
https://github.com/vibhoursharma/accuknox-assignment
reactjs recharts redux redux-toolkit tailwindcss
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/vibhoursharma/accuknox-assignment
- Owner: VibhourSharma
- Created: 2024-08-18T14:16:27.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-16T18:25:48.000Z (4 months ago)
- Last Synced: 2024-09-26T19:22:37.761Z (3 months ago)
- Topics: reactjs, recharts, redux, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://accunox-assignmnet-by-vibhour.netlify.app/
- Size: 78.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dynamic Dashboard with Categories and Widgets
This is a dynamic dashboard built using React, Redux, Recharts, and Tailwind CSS, designed to manage categories and widgets. Users can create new categories, add widgets to these categories, search widgets, and control their visibility on the dashboard. The project is deployed on Netlify.
## Features
- **Dynamic Categories**: Users can create new categories.
- **Dynamic Widgets**: Users can add widgets with customizable names and content under each category.
- **Widget Search**: A search bar to filter and find specific widgets.
- **Hide/Show Widgets**: Users can hide or show widgets using a checkbox list.
- **Widget and Category Deletion**: Both categories and widgets can be deleted dynamically.
## Usage Instructions
**Adding a Category:**
Click the Create New Category button on the dashboard.
Enter the name of the category in the input field and click Add.
The new category will appear on the dashboard.
**Adding a Widget:**
Inside any category, click the +Add Widget button.
Enter the widget name and text content in the form provided.
The widget will be added to the selected category.
**Searching for a Widget:**
Use the search bar at the top of the dashboard to search for widgets by name.
Results will be filtered based on your input.
**Hiding/Showing Widgets:**
Click the Categories button in the header to see all the categories and their widgets.
Use the checkboxes next to each widget to toggle its visibility on the dashboard.
Deleting Categories and Widgets
To delete a category, click the Delete button next to the category.
To delete a widget within a category, click the Delete button next to the widget.
## Project Links
- **GitHub Repository**: [https://github.com/VibhourSharma/accunox-assignment](https://github.com/VibhourSharma/accunox-assignment)
- **Live Demo**: [https://accunox-assignmnet-by-vibhour.netlify.app/](https://accunox-assignmnet-by-vibhour.netlify.app/)
## Tech Stack
- **React**: Frontend library used for building user interfaces.
- **Redux**: State management for handling categories, widgets, and interactions.
- **Recharts**: For displaying data visualization in widgets.
- **Tailwind CSS**: Utility-first CSS framework for responsive and customizable UI.
- **Netlify**: Used for deployment.