Skip to content

CRM Dashboard 🥇: get a better look into customer relations .It's an 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.

Notifications You must be signed in to change notification settings

KhyatiDhawan22/refine_dashboard

Repository files navigation

yummy-kiwis-do

Refine Logo

This Refine project was generated with create refine-app.

Getting Started

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

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.

Video Overview

Dash_video.mp4

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

About

CRM Dashboard 🥇: get a better look into customer relations .It's an 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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages