Quotation System (QS System)

Overview

Quotation System is a business application developed at Nobisoft to simplify the process of creating and validating quotations. The platform combines dynamic pricing calculations with guided workflows so users can prepare accurate quotes more efficiently.

My role

I contributed as a Front-end Developer, focusing on the application architecture, reusable interface components, pricing workflows, validation, and API integration.

What I built

• Developed modular React components for complex quotation workflows.
• Implemented Redux state management for data shared across multiple steps and screens.
• Built dynamic pricing calculations that respond to changes in quotation inputs.
• Added real-time validation to surface incomplete or invalid data before submission.
• Created responsive interfaces with Tailwind CSS and Ant Design.
• Integrated the frontend with backend APIs used by the quotation workflow.

Technical approach

The quotation flow contains interconnected inputs, calculated values, and validation rules. Redux provided a predictable way to coordinate this shared state, while reusable components kept repeated form patterns consistent. Separating pricing logic from presentation also made the workflow easier to maintain and extend.

Key challenge

The main challenge was keeping calculated prices, validation results, and user input synchronized throughout a multi-step workflow. I addressed this by organizing the state around clear quotation actions and keeping calculation and validation behavior separate from UI components.

Outcome

The resulting interface provides a clearer quotation workflow with immediate feedback when values change. This project strengthened my experience building state-heavy business applications with Next.js, Redux, reusable component architecture, and API-driven workflows.