https://github.com/premkrrajbhar/sum-app
A simple web app to calculate the sum of two numbers using JavaScript.
https://github.com/premkrrajbhar/sum-app
Last synced: 4 months ago
JSON representation
A simple web app to calculate the sum of two numbers using JavaScript.
- Host: GitHub
- URL: https://github.com/premkrrajbhar/sum-app
- Owner: premkrrajbhar
- Created: 2025-01-06T12:34:14.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-06T13:00:22.000Z (4 months ago)
- Last Synced: 2025-01-06T13:45:51.314Z (4 months ago)
- Language: CSS
- Homepage: https://premkrrajbhar.github.io/sum-app/
- Size: 955 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sum App
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: **[Sum App Live Demo](https://premkrrajbhar.github.io/sum-app/)**
## 📋 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.
## 🤝 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)