https://github.com/xenoswarlocks/crmpanel
React-based internal tools, admin panels, dashboards, B2B apps with flexibility in mind.
https://github.com/xenoswarlocks/crmpanel
graphql reactjs refine typescript
Last synced: about 1 month ago
JSON representation
React-based internal tools, admin panels, dashboards, B2B apps with flexibility in mind.
- Host: GitHub
- URL: https://github.com/xenoswarlocks/crmpanel
- Owner: XenosWarlocks
- License: mit
- Created: 2024-10-19T11:53:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-04T15:15:32.000Z (over 1 year ago)
- Last Synced: 2024-12-29T02:03:21.135Z (over 1 year ago)
- Topics: graphql, reactjs, refine, typescript
- Language: TypeScript
- Homepage:
- Size: 242 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
- License: LICENSE
Awesome Lists containing this project
README
# CRMpanel
React-based internal tools, admin panels, dashboards, B2B apps with flexibility in mind.
An open-source, headless React meta-framework, developed with a commitment to best practices, flexibility, minimal tech debt, and team alignment, could be a perfect fit for dynamic environments.
[](https://discord.gg/refine)
[](https://twitter.com/refine_dev)
## About
⭐ **Checkout the live demo of the application [here](https://example.minimal-crm.refine.dev).**
The source code for the video tutorial of an enterprise-grade and production-ready internal tool example named "CRM Panel" has been developed using [Refine](https://refine.dev/), [Ant Design](https://ant.design/), and [GraphQL](https://graphql.org/).
Refine is an open-source React-meta framework specifically designed to meet the requirements of enterprise companies dev teams. It comes with a core package that simplifies app requirements like data handling, authentication, access control, etc.
The repository also open-source; feel free to use or inspect it to discover how Refine works.
Being production-ready, you can either build your own **B2B applications**, **internal tools**, **admin panels**, **dashboards** and all type of **CRUD** applications. using it as a code base or directly implement it as is.
👉 You can find a more comprehensive CRM example [here](https://example.crm.refine.dev/).
## Tech Stack
- Refine
- TypeScript
- GraphQL
- Ant Design
- 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.
## Try this example on your local
```bash
npm create refine-app@latest -- --example app-crm-minimal
```
This will download the files and install the necessary dependencies automatically.
Once it's done, go to the directory and run the following command to start the project:
```bash
npm run dev
```
Open http://localhost:5173 in your browser to view the project.
