Customs CRM
Prof-dec
Prof-dec is a specialized CRM designed for customs service offices to streamline operations. It provides role-based access for Admin, Manager, Declarant, and Cashier roles, automates order management, handles document processing, and manages payments. Real-time dashboards built with Chart.js and Ant Design Charts allow monitoring of operations, ensuring efficiency and accuracy across all user roles.
Project Information
Role: Frontend Developer
Team: 2 Developers (Frontend + Backend)
Duration: 4 months
Year: 2024
Tech Stack
React.js
TailwindCSS
Ant Design
react-toastify
Axios
react-icons
react-router-dom
Key Features
- Role-based access control (Admin, Manager, Declarant, Cashier)
- Automated order creation, tracking, and management
- Document upload, review, and approval workflow
- Integrated payment processing
- Real-time interactive dashboards
- Responsive and accessible UI components
- Notifications and alerts for key events
- Analytics and performance monitoring
My Responsibilities
- Implemented role-based access control for Admin, Manager, Declarant, and Cashier roles
- Developed automated customs order management features
- Handled document upload, review, and approval processes
- Integrated payment processing linked to orders and user roles
- Built interactive dashboards using Chart.js and Ant Design Charts
- Ensured responsive design and accessibility across devices
Advantages
- Supports Admin, Manager, Declarant, and Cashier roles with specific permissions
- Tailored access ensures data confidentiality and workflow integrity
- Automates creation, tracking, and management of orders
- Handles document upload, review, and approval
- Integrated payment processing
- Chart.js and Ant Design Charts integration for interactive metrics
- Live updates reflecting the latest operational data
Challenges
- Implementing secure and granular access for multiple roles
- Integrating real-time dashboard updates with multiple data sources
- Handling complex customs order workflows
- Ensuring responsive and accessible UI across devices
Solutions
- Used role-based logic to control access to features and data
- Leveraged React state management and Axios for live updates
- Integrated Chart.js and Ant Design Charts for interactive dashboards
- Implemented modular components with TailwindCSS and Ant Design
- Optimized UI for responsiveness and usability
