{"id":24493600,"url":"https://github.com/bigprogrammers/stylish-calculator","last_synced_at":"2026-01-02T21:07:53.181Z","repository":{"id":262405070,"uuid":"887130112","full_name":"bigprogrammers/Stylish-Calculator","owner":"bigprogrammers","description":"A beautiful and interactive calculator built with HTML, CSS (Bootstrap), and JavaScript. This calculator comes with a sleek design and user-friendly interface, making it both functional and visually appealing. It also features a watermark at the bottom with a link to \"Azeembk.com\".","archived":false,"fork":false,"pushed_at":"2024-11-12T08:42:54.000Z","size":278,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T19:43:58.500Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bigprogrammers.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-12T08:11:18.000Z","updated_at":"2024-11-12T08:42:57.000Z","dependencies_parsed_at":"2024-11-12T09:34:04.663Z","dependency_job_id":null,"html_url":"https://github.com/bigprogrammers/Stylish-Calculator","commit_stats":null,"previous_names":["azeembk/stylish-calculator","bigprogrammers/stylish-calculator"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigprogrammers%2FStylish-Calculator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigprogrammers%2FStylish-Calculator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigprogrammers%2FStylish-Calculator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigprogrammers%2FStylish-Calculator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bigprogrammers","download_url":"https://codeload.github.com/bigprogrammers/Stylish-Calculator/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243681076,"owners_count":20330156,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-21T19:42:18.205Z","updated_at":"2026-01-02T21:07:48.150Z","avatar_url":"https://github.com/bigprogrammers.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Stylish Calculator\n\nA beautiful and interactive calculator built with HTML, CSS (Bootstrap), and JavaScript. This calculator comes with a sleek design and user-friendly interface, making it both functional and visually appealing. It also features a watermark at the bottom with a link to \"Azeembk.com\".\n\n## Features\n\n- Basic arithmetic operations: addition, subtraction, multiplication, and division.\n- Clean and modern design with Bootstrap.\n- Responsive layout that works on both desktop and mobile devices.\n- Watermark with \"Created with ❤️ by Azeem Bk\" at the bottom, linking to [Azeembk.com](https://Azeembk.com).\n- Easy to use and intuitive interface.\n\n## Demo\n\nYou can see the live demo of the project here: [Live Demo Link](https://azeembk.com/projects/js/stylish-calculator.html)\n\n## Screenshots\n\n![Calculator Screenshot](Screenshot.png)\n\n## Technologies Used\n\n- **HTML**: The structure and content of the calculator.\n- **CSS**: For styling the page and calculator layout (using Bootstrap for responsive design).\n- **JavaScript**: To add functionality to the calculator (evaluation of expressions, clear function, etc.).\n- **Bootstrap**: For the responsive grid and styling of buttons and layout.\n\n## Installation\n\nTo use this project on your local machine:\n\n1. Clone the repository to your local machine:\n\n   ```bash\n   git clone https://github.com/your-username/stylish-calculator.git\n   ```\n\n2. Navigate into the project directory:\n\n   ```bash\n   cd stylish-calculator\n   ```\n\n3. Open the `index.html` file in your browser:\n\n   ```bash\n   open index.html\n   ```\n\n   Or simply double-click the `index.html` file to open it in your browser.\n\n## Usage\n\n1. The calculator supports basic arithmetic operations:\n   - **Addition (`+`)**\n   - **Subtraction (`-`)**\n   - **Multiplication (`*`)**\n   - **Division (`/`)**\n   - **Decimal points (`.`)**\n\n2. To use the calculator:\n   - Click on the buttons to enter numbers and operators.\n   - Click the **C** button to clear the input.\n   - Press **=** to calculate the result.\n\n## Contributing\n\nWe welcome contributions to this project! If you'd like to contribute, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature-name`).\n3. Make your changes and commit them (`git commit -am 'Add feature'`).\n4. Push to the branch (`git push origin feature-name`).\n5. Create a new Pull Request.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Acknowledgements\n\n- **Bootstrap** for providing an easy and responsive grid system and styling.\n- **JavaScript** for handling the logic behind the calculator operations.\n- **Azeem Bk** for the inspiration behind the project and the watermark.\n\n## Contact\n\nIf you have any questions or suggestions, feel free to contact me at:\n\n- [Azeem Bk](https://Azeembk.com)\n- Email: azeempersonal4@gmail.com\n\n---\n\n### How to Customize\n\n- You can easily customize the colors, fonts, and layout by modifying the CSS in the `\u003cstyle\u003e` section of the `index.html` file.\n- You can also add more functionality or features to the calculator by enhancing the JavaScript logic.\n\n---\n\n### Notes\n\n- This is a simple static project that does not require any backend or database.\n- It's designed for educational purposes and can be extended to include more advanced features like scientific calculations or currency conversions.\n\n---\n\n### Example Folder Structure\n\n```\nstylish-calculator/\n├── index.html        # The main HTML file\n├── README.md         # This README file\n├── LICENSE           # The project license (MIT)\n└── assets/           # Optional folder for additional assets (e.g., images)\n    └── screenshot.png\n```\n\n---\n\nThis `README.md` file covers everything a user or contributor needs to know about the Stylish Calculator project. It also encourages others to contribute and provides clear installation instructions. Just replace any placeholders (like `your-username` and the `Live Demo Link`) with the actual content once you publish your repository.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigprogrammers%2Fstylish-calculator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbigprogrammers%2Fstylish-calculator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigprogrammers%2Fstylish-calculator/lists"}