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.
- React.js
- TypeScript
- GraphQL
- Ant Design
- Refine
- Codegen
- Vite
👉 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
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
email: "[email protected]", password: "demodemo",