https://github.com/premkrrajbhar/addify
Addify is a simple web app to calculate the sum of two numbers using JavaScript.
https://github.com/premkrrajbhar/addify
addify css html javascipt sum sum-calculator sumapp
Last synced: 3 months ago
JSON representation
Addify is a simple web app to calculate the sum of two numbers using JavaScript.
- Host: GitHub
- URL: https://github.com/premkrrajbhar/addify
- Owner: premkrrajbhar
- Created: 2025-01-06T12:34:14.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-07T07:27:18.000Z (3 months ago)
- Last Synced: 2025-02-07T08:25:31.596Z (3 months ago)
- Topics: addify, css, html, javascipt, sum, sum-calculator, sumapp
- Language: CSS
- Homepage: https://premkrrajbhar.github.io/Addify/
- Size: 957 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Addify
Addify is a simple yet elegant web application that calculates the sum of two numbers. The app is designed with a clean user interface and features a responsive layout for an optimal user experience.
## 🎨 Demo Screenshot
## 🔗 Live Demo
Check out the app live here: **[Addify](https://premkrrajbhar.github.io/Addify/)**
## 📋 Features
- **Real-Time Calculation**: Instantly calculates the sum of two numbers upon clicking the "Calculate Sum" button.
- **Input Validation**: Ensures that both fields are filled before performing the calculation. Display a popup message to user if inputs are missing.
- **Reset Functionality**: Clears all input fields and hides the result to start fresh.
- **Responsive Design**: Optimized for different screen sizes to provide a seamless experience on desktops, tablets, and mobile devices.
- **Clean User Interface**: Features a visually appealing design with a centered layout, modern buttons, and intuitive input fields.
## 🛠️ Technologies Used
- **HTML**: Provides the structure for the app.
- **CSS**: Adds styling to enhance the visual appeal and create a responsive layout.
- **JavaScript**: Implements the functionality for calculating the sum, input validation, and resetting the form.
## 💻 How to Use
1. **Enter Numbers**: Input two numbers in the fields labeled "Enter First Number" and "Enter Second Number."
2. **Calculate Sum**: Click the **"Calculate Sum"** button to display the sum of the two numbers.
3. **Reset Fields**: Click the **"Reset"** button to clear the input fields and hide the result.
## 📂 Project Structure
```
├── README.md
├── assets/
│ ├── favicon/
│ │ └── addify-favicon.png
│ └── screenshot/
│ └── screenshot.jpg
├── css/
│ └── style.css
├── index.html
└── script/
└── script.js
```
## 📥 How to Run Locally
- Step 1: Clone the repository:
```bash
git clone https://github.com/premkrrajbhar/Addify.git
```
- Step 2: Navigate to the project folder:
```bash
cd Addify
```
- Step 3: Open the `index.html` file in your web browser to start using the app.
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a pull request or open an issue for any suggestions or improvements.
## 📞 Contact
For any questions or comments, please reach out to:
- **Email**: [[email protected]](mailto:[email protected])
- **GitHub**: [premkrrajbhar](https://github.com/premkrrajbhar)