A React-based web application that allows users to create and visualize a chain of mathematical functions, where the output of one function serves as the input for the next.
- Chain of 5 interconnected mathematical functions
- Real-time calculation and updates
- Visual representation of function connections
- Support for basic arithmetic operations and exponents
- Fixed execution order: 1 → 2 → 4 → 5 → 3
- React 18
- TypeScript
- Tailwind CSS
- Vite
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Enter an initial value in the "Initial value of x" input
- Modify function equations using basic arithmetic operators:
- Addition:
+ - Subtraction:
- - Multiplication:
* - Division:
/ - Exponents:
^
- Addition:
- The result will automatically update and flow through the chain
The functions are executed in the following order:
- Function 1 (receives initial x value)
- Function 2 (receives output from Function 1)
- Function 4 (receives output from Function 2)
- Function 5 (receives output from Function 4)
- Function 3 (receives output from Function 5 and produces final result)
- Each component is focused on a single responsibility
- State management is handled through custom hooks
- Utility functions are separated for better maintainability
- TypeScript interfaces ensure type safety
- Constants are centralized in the config folder