Formula Input Calculator

A React-based formula input calculator that allows users to create and evaluate mathematical expressions with dynamic variables.

Features

• Dynamic formula input with autocomplete suggestions
• Tag-based variable system with dropdown selection
• Real-time calculation
• Support for basic mathematical operations (+, -, *, /, ^)
• Currency formatting for results
• Responsive design with TailwindCSS

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/Recillah-Khamala//Causal-test.git
cd Causal-test

2. Install dependencies:

npm install
# or
yarn install

3. Start the development server:

npm run dev
# or
yarn dev

4. Open http://localhost:5173 in your browser.

Usage

1. Start typing in the formula input field
2. Select variables from the autocomplete suggestions
3. Use operators (+, -, *, /, ^) between variables
4. Add numbers directly in the formula
5. Select values for each variable using the dropdowns
6. View the calculated result in real-time

Deployed link

run https://causal-test.vercel.app/ in your browser.

Built With

• React
• TypeScript
• Vite
• TailwindCSS
• Zustand (State Management)
• React Query (Data Fetching)

License

This project is licensed under the MIT License - see the LICENSE file for details.