Skip to content

A React-based CRM dashboard built with TypeScript, GraphQL, Ant Design, and Refine, featuring authentication, authorization, real-time updates via a Kanban board, interactive charts for business insights, and fully responsive design. It offers seamless company management with CRUD operations, task tracking, and personalized account settings.

Notifications You must be signed in to change notification settings

WonderSTK/admin_dashboard

Repository files navigation

Admin Dashboard
A React-based CRM dashboard featuring robust authentication, real-time data management, and an interactive Kanban board. This project leverages the power of Refine, GraphQL, Ant Design, and Vite to deliver a fast, responsive, and secure admin interface for business management.

⚙️ Tech Stack
React.js: Frontend library for building the UI.
TypeScript: Strictly typed JavaScript for scalable development.
GraphQL: API for fetching and managing data.
Ant Design: UI library for elegant and responsive components.
Refine: React framework for developing CRUD-based applications.
Codegen: Automatically generated code for GraphQL queries.
Vite: Fast build tool for optimized performance.
🔋 Features
👉 Authentication
Secure login, signup, and password recovery functionalities.
Robust onboarding and authentication experience.
👉 Authorization
Granular access control for secure data handling and user permissions.
👉 Home Page
Dynamic dashboards with interactive charts displaying key business metrics.
Real-time updates on activities, upcoming events, and a sales chart for insights.
👉 Companies Page
Full CRUD functionality for company and sales management.
Detailed profiles with search, pagination, and add/edit capabilities.
👉 Kanban Board
Real-time task updates with features like due dates, markdown descriptions, and multi-assignees.
Tasks dynamically shift across dashboards for easy project management.
👉 Account Settings
User profile management and personalized account settings.
👉 Fully Responsive
Fluid design adapts across devices to ensure a consistent experience on all screen sizes.

About

A React-based CRM dashboard built with TypeScript, GraphQL, Ant Design, and Refine, featuring authentication, authorization, real-time updates via a Kanban board, interactive charts for business insights, and fully responsive design. It offers seamless company management with CRUD operations, task tracking, and personalized account settings.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages