🧮 Calculator App

Welcome to my solution for the Calculator App Challenge on Frontend Mentor. This project focuses on building a fully functional calculator app with customizable themes.

---

📜 Challenge Overview

The challenge required building a calculator app that includes the following features:

Features

• Calculator Functionality: Perform basic operations like:
  • Addition (+)
  • Subtraction (−)
  • Multiplication (×)
  • Division (÷)
• Theme Switching: Users can toggle between multiple themes:
  • Light mode
  • Dark mode
  • Custom theme

---

🔧 Technologies Used

• HTML5: For semantic structure and content.
• CSS3: For styling and responsive layout.
• JavaScript (ES6): For implementing calculator logic and theme switching.

---

📱 Live Demo

Check out the live version of the app:
Live Demo

---

🚀 How to Run Locally

If you’d like to run this project on your machine:

1. Clone the repository:

   git clone https://github.com/Leo-Pellegrin/Calculator-app-FrontendMentor

2. Navigate to the project folder:

   cd Calculator-app-FrontendMentor

3. Open the index.html file in your browser.

🎨 Design

The design was provided by Frontend Mentor and includes:

• Desktop and mobile designs in JPG format.
• A style guide with fonts, colors, and spacing guidelines.

Customizations

• Fonts, margins, and paddings were estimated and adjusted for a pixel-perfect look.
• A custom color palette was implemented for theme switching.

🚀 Deployment

This project is deployed using GitHub Pages.
To deploy your version, follow these steps:

1. Push your code to GitHub

   • Create a new repository on GitHub and push your project code:

     git init
     git add .
     git commit -m "Initial commit"
     git branch -M main
     git remote add origin https://github.com/yourusername/your-repository-name.git
     git push -u origin main

2. Go to the repository on GitHub

   • Navigate to your repository in your browser.

3. Enable GitHub Pages

   • Click on the Settings tab.
   • Scroll down to the Pages section (on the left sidebar).
   • Under the "Source" dropdown, select the main branch and click Save.

4. Access your live site

   • GitHub Pages will generate a live link for your project (e.g., https://yourusername.github.io/your-repository-name).
   • Use this link to share your deployed project.

🤝 Contributing

If you’d like to contribute:

1. Fork the repository.
2. Create a new branch for your changes:

   git checkout -b feature-new-functionality

3. Commit your changes:

   git commit -m "Add new feature"

4. Push your branch and create a pull request.

🙌 Acknowledgments

Thanks to Frontend Mentor for the design inspiration and challenge. If you have feedback or suggestions, feel free to open an issue or reach out.