📌 Due Management Application (Frontend)

A TypeScript-based frontend application for managing dues efficiently. It includes authentication, authorization, CRUD operations, sorting, searching, pagination, and real-time notifications.

🚀 Live Demo

🔗 [Live Application](Not deployed yet)

🛠️ Features

✅ User Authentication & Authorization

• Email & Password Signup/Login
• Third-party authentication (Google)
• Role-based access control (RBAC)

✅ Due Management

• CRUD operations based on user permissions
• Multi-level form with trading password for extra security
• React Hook Form for efficient form handling
• date-fns for date manipulation
• Sort dues by expiration date
• Search dues by month

✅ Advanced Features

• Redux Toolkit (RTK Query) for API requests & state management
• Pagination for large due lists
• Live notifications via Socket.io
• Secure API communication

🏗️ Built With

• Language: TypeScript
• Framework: React.js
• State Management & Data Fetching: Redux Toolkit (RTK Query)
• Form Management: React Hook Form
• Date Handling: date-fns
• Styling: Tailwind CSS / SCSS / Material UI
• Authentication: Firebase Auth / Auth0 / Custom JWT
• Real-time Updates: Socket.io
• Backend (If applicable): Node.js / Express / Firebase

📦 Installation

1. Clone the repository

   git clone https://github.com/123Somrat/Tradding_platform.git
   
   

2. Change directory

   cd due-management
   

3. Inatall dependencies

   npm install 
   

4. Run the project

   npm run dev
   

Support

For support , email mdjafaruddinsomrat@gmail.com

Authors

• Somrat