/react-calculator

Primary LanguageJavaScript

React-Calculator by Raquel

__φ(。。) Table of Contents

Table of Contents

٩(⁎❛ᴗ❛⁎)۶ About the project

This repository contains a simple calculator web application built using React, JavaScript and Mathjs. The application provides basic arithmetic functionality, allowing users to perform addition, subtraction, multiplication, and division operations. It also includes error handling for invalid input.

(ﾉ ◕ ヮ ◕)ﾉ*:･ﾟ ✧ Features

  • User-Friendly Interface: The calculator has a clean and intuitive interface, making it easy for users to input and evaluate mathematical expressions.
  • Arithmetic Operations: Users can perform standard arithmetic operations, including addition, subtraction, multiplication, and division.
  • Error Handling: The application handles errors gracefully, providing informative alerts for scenarios such as incomplete expressions or invalid operations.

૮ ˶ᵔ ᵕ ᵔ˶ ა Demo

You can try the app live here

Or you can see an example right here by clicking on the arrow

(◕‿◕)♡ Key Learning Aspects

  • Conditional Rendering: Implemented conditional rendering based on user input to handle scenarios like the last character being an operator, ensuring proper expression building.

  • Error Handling: Developed a robust error-handling mechanism to handle scenarios where the user attempts to evaluate an incomplete expression or performs an invalid operation.

( ･ω･)☞ Getting started

Clone the repository to your local machine:

git clone https://github.com/Rpg87/react-calculator.git

Change the working directory to the project's root folder:

cd calculator-app

Install the required dependencies:

npm install

Start the development server:

npm start

The app should now be running on http://localhost:3000/.

If you wish you can download it, you choose

ପ(๑•ᴗ•๑)ଓ ♡ Ongoing Improvements

  • Feature Expansion: Exploring opportunities to add additional features or functionalities to the calculator to enhance its capabilities.
  • Code Optimization: Identifying and implementing optimizations to enhance the codebase for better performance and maintainability.
  • Test Implementation: Planning to incorporate testing strategies to ensure the robustness and reliability of the application.
  • Error Handling Enhancements: Resolving issues related to longer and more complex calculations to ensure accurate and reliable results.
  • Feedback Incorporation: Actively seeking user feedback and incorporating valuable suggestions to improve the overall application.

ฅ(^◕ᴥ◕^)ฅ Who is Raquel

I am Raquel, I consider myself a person with a great sense of humor, always eager to learn, a lover of challenges and this combination is what led me to study web development.

If you want to know more about me or if you have a fun project and you need help we could work together, you can find me here