https://github.com/darshit02/crm_dashboard
Build an admin dashboard with full authentication, a homepage displaying charts and activities, a comprehensive table for companies with CRUD and search, and a Kanban board with real-time synchronization using Refine Framework.
https://github.com/darshit02/crm_dashboard
ant-design react-icon refinejs
Last synced: 9 months ago
JSON representation
Build an admin dashboard with full authentication, a homepage displaying charts and activities, a comprehensive table for companies with CRUD and search, and a Kanban board with real-time synchronization using Refine Framework.
- Host: GitHub
- URL: https://github.com/darshit02/crm_dashboard
- Owner: Darshit02
- Created: 2024-01-20T05:46:06.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-01-26T17:53:33.000Z (about 2 years ago)
- Last Synced: 2025-01-28T16:44:43.605Z (about 1 year ago)
- Topics: ant-design, react-icon, refinejs
- Language: TypeScript
- Homepage: https://crm-dashboard-iota.vercel.app
- Size: 663 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
## Introduction
React-based CRM dashboard featuring comprehensive authentication, antd charts, sales management, and a fully operational kanban board with live updates for real-time actions across all devices.
## Tech Stack
- React.js
- TypeScript
- GraphQL
- Ant Design
- Refine
- Codegen
- Vite
## Features
👉 **Authentication**: Seamless onboarding with secure login and signup functionalities; robust password recovery ensures a smooth authentication experience.
👉 **Authorization**: Granular access control regulates user actions, maintaining data security and user permissions.
👉 **Home Page**: Dynamic home page showcases interactive charts for key metrics; real-time updates on activities, upcoming events, and a deals chart for business insights.
👉 **Companies Page**: Complete CRUD for company management and sales processes; detailed profiles with add/edit functions, associated contacts/leads, pagination, and field-specific search.
👉 **Kanban Board**: Collaborative board with real-time task updates; customization options include due dates, markdown descriptions, and multi-assignees, dynamically shifting tasks across dashboards.
👉 **Account Settings**: Personalized user account settings for profile management; streamlined configuration options for a tailored application experience.
👉 **Responsive**: Full responsiveness across devices for consistent user experience; fluid design adapts seamlessly to various screen sizes, ensuring accessibility.
and many more, including code architecture and reusability
## Quick Start
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/Darshit02/CRM_dashboard
cd refine_dashboard
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
**Running the Project**
```bash
npm run dev
```
Open [http://localhost:5173](http://localhost:5173) in your browser to view the project.