esmarlint / webcalculator

A simple calculator made with read and tailwindcss

Webculator Application

Overview

This project, named Webculator, is a calculator application developed with React and styled comprehensively using TailwindCSS. It serves as a showcase for the effective application of TailwindCSS in crafting intuitive and responsive user interfaces, demonstrating how this utility-first CSS framework can facilitate rapid yet maintainable UI development. Webculator enables users to perform essential arithmetic calculations, presented within an engaging and user-friendly interface.

Features

• Perform basic arithmetic operations like addition, subtraction, multiplication, and division.
• Responsive layout compatible across various devices and screen dimensions.
• Theme toggling capability, allowing users to choose between a light and dark mode to suit their preference and enhance visual accessibility.
• Features to clear calculations or correct entries, enhancing user interaction and experience.
• Operators and result display are distinctively styled, improving readability and aesthetic appeal.

Technologies Used

• React: Utilized for its efficient component-based approach in building dynamic user interfaces.
• TailwindCSS: Employed as the primary styling framework, enabling customized, responsive design with a focus on utility and ease of use.
• React Hooks (useState and useEffect): Integral for managing state and side effects in the application's functional components.

Getting Started

To initiate the Webculator on your local environment, please execute the following steps:

1. Clone the repository:

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

2. Install the necessary dependencies:

   npm install
   

3. Launch the development server:

   npm run dev
   

   Upon execution, the Webculator will be accessible at http://localhost:5173.

Contributing

We welcome contributions to the Webculator! To contribute, follow these steps:

1. Fork the repository.
2. Create a new branch for your feature (git checkout -b feature/your-feature).
3. Commit your changes (git commit -am 'Add some feature').
4. Push the branch (git push origin feature/your-feature).
5. Submit a Pull Request.

License

Webculator is released under the MIT License. See the LICENSE file for more details.

Acknowledgments

• React for its comprehensive documentation and community support.
• TailwindCSS for its innovative approach to CSS.