AbstractDash

Overview:

A fully generic and modern dashboard, responsive and multilingual, developed without specific business logic, making it adaptable and customizable for any business type.

-------------------

Links:

- Documentation: https://abstract-dash.ver...

- Live Demo: https://abstract-dash.ver...

- Video Showcase: https://youtu.be/tVZOahAj...

-------------------

Features

- Abstract Dashboard: A generic dashboard that serves as a starting point for any business type,without being tied to a specific industry.

- Multilingual Support: Full i18n integration with English and Arabic available out of the box. Users can seamlessly switch languages within the application.

- CRUD Operations: Complete Create, Read, Update, Delete functionality for managing items with ease.

- Validation: Built-in client-side form validation on Add & Update operations ensures better data quality before submission.

- File & Image Upload: Uploading images and files using dialog upload or drag-and-drop area.

- Rich Data Types: Support for various inputs and display types: text, number, date, status, favorite, price, rating, progress, color, email, phone, range, map, image, and file.

- Advanced Data Table: Interactive tables with: Pagination, Sorting, Quick Search, Advanced Filtering, Column Visibility Toggle, Items per Page Control

- Single & Bulk Deletion: Delete individual items or perform bulk deletions using checkbox row selections.

- Dashboard Overview: Abstract dashboard page featuring KPIs, charts, summaries, and map for quick insights.

- Modern UI/UX: Beautiful, responsive design with vibrant colors and smooth animations.

- Responsive Layout: Fully optimized for all screen sizes: mobile, tablet, and desktop following a mobile-first approach.

- Demo Mode Toggle: A switch to enable read-only mode, preventing data modifications during demos.

- Backend & Database Support: Connected to MongoDB with backend logic powered by Nuxt Nitro (built in Nuxt framework).

- Server API Routes: Server API endpoints under /server/api/*

- Clean Code & Well-Structured Project: Follows clean architecture principles and a consistent code style, ensuring high readability, scalability, and maintainability. Folder structure is carefully organized to separate concerns and keep the codebase intuitive for developers.