Cover Image

Home Page | Discord | Examples | Blog | Documentation


Build your React-based internal tools, admin panels, dashboards, B2B apps with flexibility in mind.
An open source, headless web application framework developed with flexibility in mind.

Discord Twitter Follow

refine - 100% open source React framework to build web apps 3x faster | Product Hunt

About

⭐ Check out the live demo of the application here.

This is a complete CRM (Customer Relationship Management) example project built using refine and Ant Design. It provides a set of tools and features to manage customer data, track interactions, and streamline business processes.

The application includes features such as dashboard analytics, a calendar for scheduling appointments, a scrum board for task management, and CRUD operations for managing companies, contacts, and quotes.

refine is a React-based powerful framework for building low-code applications. It is primarily focused on implementing data-heavy apps such as internal tools, dashboards, admin panels, and storefronts. It comes with a core package that segregates app concerns like data handling, authentication, access control, etc., into React contexts. It also supports integration with industry standard backend systems such and UI frameworks. It is highly customizable and extensible.

Features

Dashboard: Gain insights into your business with interactive charts and analytics.

Calendar: Schedule and manage appointments, meetings, and events.

Scrumboard: Organize and track tasks using a Kanban-style board.

Companies: Create, update, and delete company records.

Contacts: Manage your customer contacts efficiently.

Quotes: Generate and manage quotes for your clients.

Administration: Configure application settings and user roles.


Product Edit Page


Dashboard Page


Product List Page


Product Edit Page

Product Edit Page

Try this example on your local

npm create refine-app@latest -- --example app-crm

Try this example on CodeSandbox


Open app-crm example from refine