https://github.com/xenoswarlocks/crmpanel

REact admin panel (in progress)
https://github.com/xenoswarlocks/crmpanel

Last synced: 27 days ago
JSON representation

REact admin panel (in progress)

• Host: GitHub
• URL: https://github.com/xenoswarlocks/crmpanel
• Owner: XenosWarlocks
• License: mit
• Created: 2024-10-19T11:53:08.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-02T11:14:43.000Z (3 months ago)
• Last Synced: 2024-11-02T12:18:59.291Z (3 months ago)
• Language: TypeScript
• Size: 325 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD
  • License: LICENSE

Awesome Lists containing this project

README

        
# CRMpanel













    Home Page |

    Discord |

    Examples |

    Blog |

    Documentation








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.







[![Discord](https://img.shields.io/discord/837692625737613362.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/refine)

[![Twitter Follow](https://img.shields.io/twitter/follow/refine_dev?style=social)](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.