Refine CRM Dashboard

This Refine project was generated with create refine-app.

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.

Getting Started

The source code for an enterprise-grade and production-ready internal tool example named "Refine CRM Dashboard" has been developed using Refine, Ant Design, and GraphQL.

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.

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility ✨

Refine's hooks and components simplifies the development process and eliminates the repetitive tasks by providing industry-standard solutions for crucial aspects of a project, including authentication, access control, routing, networking, state management, and i18n.

Available Scripts

Running the development server.

    npm run dev

Building for production.

    npm run build

Running the production server.

    npm run start

Learn More

To learn more about Refine, please check out the Documentation

• NestJS Query Data Provider Docs
• Ant Design Docs
• React Router Docs
• Custom Auth Provider Docs

License

MIT