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.