refine_dashboard.mp4

Panel de CRM basado en React que incluye autenticación integral, gráficos antd, gestión de ventas y un tablero kanban completamente operativo con actualizaciones en vivo para acciones en tiempo real en todos los dispositivos.

Si está comenzando y necesita ayuda o enfrenta algún error, únase a nuestra comunidad activa de Discord con más de 27 mil miembros. Es un lugar donde la gente se ayuda unas a otras.

React-based CRM dashboard featuring comprehensive authentication, antd charts, sales management, and a fully operational kanban board with live updates for real-time actions across all devices.

If you're getting started and need assistance or face any bugs, join our active Discord community with over 27k+ members. It's a place where people help each other out.

⚙️ Tech Stack

• React.js
• TypeScript
• GraphQL
• Ant Design
• Refine
• Codegen
• Vite

🔋 Features

👉 Authentication: Incorporación perfecta con funcionalidades seguras de inicio de sesión y registro; La sólida recuperación de contraseña garantiza una experiencia de autenticación fluida.

Seamless onboarding with secure login and signup functionalities; robust password recovery ensures a smooth authentication experience.

👉 Authorization: El control de acceso granular regula las acciones del usuario, manteniendo la seguridad de los datos y los permisos del usuario. Granular access control regulates user actions, maintaining data security and user permissions.

👉 Home Page: La página de inicio dinámica muestra gráficos interactivos para métricas clave; actualizaciones en tiempo real sobre actividades, próximos eventos y un gráfico de ofertas para obtener información empresarial.

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: CRUD completo para procesos de gestión y ventas de empresas; Perfiles detallados con funciones de agregar/editar, contactos/clientes potenciales asociados, paginación y búsqueda de campos específicos.

Complete CRUD for company management and sales processes; detailed profiles with add/edit functions, associated contacts/leads, pagination, and field-specific search.

👉 Kanban Board: Tablero colaborativo con actualizaciones de tareas en tiempo real; Las opciones de personalización incluyen fechas de vencimiento, descripciones de rebajas y asignaciones múltiples, que cambian dinámicamente las tareas entre los paneles.

Collaborative board with real-time task updates; customization options include due dates, markdown descriptions, and multi-assignees, dynamically shifting tasks across dashboards.

👉 Account Settings: Configuración personalizada de la cuenta de usuario para la gestión de perfiles; Opciones de configuración optimizadas para una experiencia de aplicación personalizada.

Personalized user account settings for profile management; streamlined configuration options for a tailored application experience.

👉 Responsive: Capacidad de respuesta total en todos los dispositivos para una experiencia de usuario consistente; El diseño fluido se adapta perfectamente a varios tamaños de pantalla, lo que garantiza la accesibilidad.

y muchos más, incluida la arquitectura del código y la reutilización

Full responsiveness across devices for consistent user experience; fluid design adapts seamlessly to various screen sizes, ensuring accessibility.

and many more, including code architecture and reusability

🤸 Quick Start

Siga estos pasos para configurar el proyecto localmente en su máquina. Follow these steps to set up the project locally on your machine.

**Installation / instalacion ** instalar el proyecto usando dependencia npm Install the project dependencies using npm:

npm install

Running the Project / correr el proyecto

npm run dev

login adm account / ingresar con cuenta adm

email: "juanperez@mail.com", password: "demodemo",