Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aswin187/customise-dashboard-ui
A full-stack customizable dashboard application where users can control widget visibility. Widget preferences are persisted across sessions and stored Zustand library for React
https://github.com/aswin187/customise-dashboard-ui
lucide-react nextjs reacthook schadcn tailwindcss typescript zod zustand
Last synced: about 1 month ago
JSON representation
A full-stack customizable dashboard application where users can control widget visibility. Widget preferences are persisted across sessions and stored Zustand library for React
- Host: GitHub
- URL: https://github.com/aswin187/customise-dashboard-ui
- Owner: Aswin187
- Created: 2024-11-06T13:24:34.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-11-06T14:57:13.000Z (3 months ago)
- Last Synced: 2024-11-13T16:50:30.488Z (2 months ago)
- Topics: lucide-react, nextjs, reacthook, schadcn, tailwindcss, typescript, zod, zustand
- Language: TypeScript
- Homepage: https://customise-dashboard-ui-18wn.vercel.app/
- Size: 76.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/yourusername/customizable-dashboard.git
## Getting Started
Install dependencies:
```bash
npm Install
```
Run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
