JavaScript Calculator

This project is part of the freeCodeCamp Front End Development Libraries curriculum. It is a JavaScript Calculator built using React and Redux. The calculator allows users to perform basic arithmetic operations.

You can view the live demo of the project here.

Table of Contents

• Introduction
• Features
• Technologies Used
• Setup and Installation
• Usage
• Project Structure
• Troubleshooting
• Contributing
• License

Introduction

The JavaScript Calculator is a web application that provides a simple interface for performing basic arithmetic operations. It is built using React for the user interface and Redux for state management.

Features

• Basic Arithmetic Operations: Perform addition, subtraction, multiplication, and division.
• Clear Functionality: Clear the current input and start a new calculation.
• Decimal Support: Perform calculations with decimal numbers.
• Responsive Design: The calculator is responsive and works well on different screen sizes.

Technologies Used

• React: For building the user interface.
• Redux: For state management.
• SCSS: For styling the application.
• Bootstrap: For responsive design.
• JavaScript: For handling logic and interactions.

Setup and Installation

To set up and run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/js-calculator.git
   cd js-calculator

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open the application: Open your web browser and go to http://localhost:3000.

Usage

• Perform Calculations: Click the buttons on the calculator to input numbers and operators. Click the "=" button to see the result.
• Clear Input: Click the "AC" button to clear the current input and start a new calculation.

Project Structure

js-calculator/
│
├── public/                 # Public assets
│   ├── index.html          # Main HTML file
│   └── ...
│
├── src/                    # Source files
│   ├── App.js              # Main App component
│   ├── App.scss            # SCSS styles
│   ├── index.js            # Entry point
│   ├── redux/              # Redux actions and reducers
│   └── ...
│
├── package.json            # Project dependencies and scripts
└── README.md               # Project documentation

Troubleshooting

If port 3000 is already in use, you can find the process ID (PID) and kill it using the following steps:

1. Find the PID:

   lsof -i :3000

   This command will list the processes using port 3000. Look for the PID in the output.

2. Kill the process:

   kill -9 <PID>

   Replace <PID> with the actual process ID you found in the previous step.

3. Restart the server:

   npm start

Contributing

Contributions are welcome! If you have any suggestions or improvements, please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -m 'Add some feature').
5. Push to the branch (git push origin feature-branch).
6. Open a pull request.

License

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

---

Thank you for checking out my JavaScript Calculator project! If you have any questions or feedback, feel free to reach out.