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.
Check out the app live here: Addify
- 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.
- 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.
- Enter Numbers: Input two numbers in the fields labeled "Enter First Number" and "Enter Second Number."
- Calculate Sum: Click the "Calculate Sum" button to display the sum of the two numbers.
- Reset Fields: Click the "Reset" button to clear the input fields and hide the result.
├── README.md
├── assets/
│ ├── favicon/
│ │ └── addify-favicon.png
│ └── screenshot/
│ └── screenshot.jpg
├── css/
│ └── style.css
├── index.html
└── script/
└── script.js
- Step 1: Clone the repository:
git clone https://github.com/premkrrajbhar/Addify.git
- Step 2: Navigate to the project folder:
cd Addify
- Step 3: Open the
index.html
file in your web browser to start using the app.
Contributions are welcome! Please feel free to submit a pull request or open an issue for any suggestions or improvements.
For any questions or comments, please reach out to:
- Email: premkumar224487@gmail.com
- GitHub: premkrrajbhar