Skip to content

moelkenzi/mini-calc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧮 Multi-Theme Calculator

Calculator Preview

A sleek and modern calculator web application with Mini-Calc multiple color themes. This project demonstrates responsive design, theme switching, and basic arithmetic operations.

✨ Features

  • 🎨 Multiple Color Themes: Choose from three visually appealing color schemes.
  • 📱 Responsive Design: Works seamlessly on desktop and mobile devices.
  • ➕➖✖️➗ Basic Arithmetic Operations: Addition, subtraction, multiplication, and division.
  • 🔙 Delete and Reset Functionality: Easily correct mistakes or start over.

🚀 How to Use

  1. Open the Calculator:

    • 📂 Clone this repository and open index.html in your web browser, or
    • 🌐 Visit the live demo mini-calc
  2. Perform Calculations:

    • 🔢 Click on number buttons to input values.
    • ➕➖✖️➗ Use operation buttons (+, -, x, /) to select the desired arithmetic operation.
    • 🟰 Press the equals (=) button to see the result.
    • 🔹 Use the decimal (.) button for non-integer numbers.
  3. Additional Functions:

    • 🔙 DEL: Deletes the last entered digit.
    • 🔄 RESET: Clears all entered values and operations.
  4. Switch Themes:

    • ✨ Click on the theme toggle in the top-right corner to cycle through different color schemes.

🎨 Color Themes

This calculator offers three distinct color themes:

  1. 🌙 Theme 1: Dark blue and white (Default)

    • Background: Dark blue
    • Buttons: Light gray with blue accents
    • Text: White
  2. ☀️ Theme 2: Light gray and dark gray

    • Background: Light gray
    • Buttons: White with cyan and orange accents
    • Text: Dark gray
  3. 🌈 Theme 3: Dark purple and neon

    • Background: Dark purple
    • Buttons: Violet with cyan accents
    • Text: Bright yellow

💻 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6+)

🛠️ Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/mini-calc.git
    
  2. Navigate to the project directory:
    cd mini-calc
    
  3. Open index.html in your preferred web browser.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is open source and available under the MIT License.

📫 How to reach me

X Badge Linkedin Badge Mail Badge Mail Badge


Thanks 💖 Mohammed Abdirizak Mo'allim Bashir Moelkenzi

Releases

No releases published

Packages

No packages published