Smart Calculator

     

---

A modern and responsive calculator built to practice logic, HTML, CSS, JavaScript, and UI/UX.

---

✦ About the Project

The Smart Calculator is a project I built to practice and deepen my knowledge in HTML, CSS, and JavaScript, and, most importantly, to challenge myself to create something beyond the basics. My goal was to build a modern, fluid, and enjoyable interface, combining programming logic with careful attention to visual details and user experience. I also wanted to turn this project into something that reflects my commitment to organization, responsiveness, design, and hands-on front-end development. Highlights:   🌗  Dark and light theme with smooth transition   🕐  Operation history panel with scroll   💲  Built-in currency conversion mode for 7 currencies   ✦  UI with glassmorphism and visual effects   📱  Responsive layout for any screen size   ⚡  Fluid animations and microinteractions

---

✦ Running the Project

Prerequisites

• Git installed on your machine
• VS Code cas your code editor
• Extensão Live Server extension for auto-reload (optional)

Installation

1. Clone the repository

git clone https://github.com/leticiatalmeida/smart-calculator.git

2. Navigate to the project folder

cd smart-calculator

3. Open in VS Code

code .

4. Run the project

With Live Server: right-click index.html → Open with Live Server

Without the extension: open index.html directly in your browser.

No dependencies need to be installed — the project runs with native files only.

---

✦ Technologies

   

---

✦ Tools

 

---

✦ Author

 

---

✦ License

This project is licensed under the MIT License.

You are free to use, copy, modify, and distribute it (including for commercial purposes) as long as you keep the original credits.

---

A simple project that took every detail seriously.