{"id":19543228,"url":"https://github.com/codewithalamin/tip-calculator-app","last_synced_at":"2026-02-13T07:32:45.946Z","repository":{"id":177233271,"uuid":"658402207","full_name":"CodeWithAlamin/Tip-calculator-app","owner":"CodeWithAlamin","description":"A simple and easy-to-use tip calculator app that helps you calculate the tip for your restaurant bill.","archived":false,"fork":false,"pushed_at":"2024-10-30T12:43:35.000Z","size":255,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-19T18:14:23.771Z","etag":null,"topics":["codepapa360","codewithalamin","css","frontend-mentor","frontend-web","frontend-webdevelopment","frontendmentor-challenge","html","javascript","javascript-applications","sass","tip-calculator","tip-calculator-app"],"latest_commit_sha":null,"homepage":"https://tip-calculator-app-alamin.netlify.app/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeWithAlamin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2023-06-25T16:28:12.000Z","updated_at":"2024-10-30T12:43:39.000Z","dependencies_parsed_at":"2025-01-08T19:10:55.479Z","dependency_job_id":null,"html_url":"https://github.com/CodeWithAlamin/Tip-calculator-app","commit_stats":null,"previous_names":["codepapa360/tip-calculator-app","codewithalamin/tip-calculator-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CodeWithAlamin/Tip-calculator-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FTip-calculator-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FTip-calculator-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FTip-calculator-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FTip-calculator-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeWithAlamin","download_url":"https://codeload.github.com/CodeWithAlamin/Tip-calculator-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FTip-calculator-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29398509,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-13T06:24:03.484Z","status":"ssl_error","status_checked_at":"2026-02-13T06:23:12.830Z","response_time":78,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["codepapa360","codewithalamin","css","frontend-mentor","frontend-web","frontend-webdevelopment","frontendmentor-challenge","html","javascript","javascript-applications","sass","tip-calculator","tip-calculator-app"],"created_at":"2024-11-11T03:18:02.505Z","updated_at":"2026-02-13T07:32:45.917Z","avatar_url":"https://github.com/CodeWithAlamin.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eTip calculator app\u003c/h1\u003e\n\u003cdiv align=\"center\"\u003e\n\nChallenge from [Frontend Mentor](https://www.frontendmentor.io/challenges)\n\n\u003c/div\u003e\n\n\u003c!-- Badges --\u003e\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Live --\u003e\n\u003ca href=\"https://tip-calculator-app-alamin.netlify.app/\"\u003e\n    \u003cimg src=\"https://custom-icon-badges.demolab.com/badge/Live%20Demo-blue?style=for-the-badge\u0026logo=live360\u0026labelColor=666666\" alt=\"Live Demo\" /\u003e\n\u003c/a\u003e\n\n\u003c!-- Frontend Mentor --\u003e\n\u003ca href=\"https://www.frontendmentor.io/solutions/responsive-tip-calculator-app-Id_2-t_KXE\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Frontendmentor-100000?style=for-the-badge\u0026logo=frontendmentor\u0026logoColor=white\u0026labelColor=666666\u0026color=2490A9\"  alt=\"FrontendMentor\"\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003c!-- Status --\u003e\n\n\u003c!-- \u003cimg src=\"https://img.shields.io/badge/Status-Incomplete-red?style=flat\" alt=\"Status\" /\u003e --\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Status-Completed-success?style=flat\" alt=\"Status\" /\u003e\n\n\u003c!-- Liceensee --\u003e\n\u003cimg src=\"https://img.shields.io/badge/License-MIT-blue?style=flat\" alt=\"License\" /\u003e\n\u003c/div\u003e\n\n\u003chr\u003e\n\n\u003cdiv align=\"center\"\u003e\nThis is a simple and responsive tip calculator app that allows users to calculate the tip amount for a restaurant bill. It also includes the functionality to divide the total bill among multiple people, providing the cost per person. This app offers a user-friendly interface, ensuring accurate and convenient results across various devices.\n\u003cp\u003e\n\n\u003c/p\u003e\n\n\u003c!-- Screenshot --\u003e\n\u003ca align=\"center\" href=\"https://tip-calculator-app-alamin.netlify.app/\"\u003e\n\n![Screenshot](./screenshots/Tip-calculator-app-screenshot-CodeWithAlamin.png)\n\n\u003c/a\u003e\n\n\u003c/div\u003e\n\n## The challenge\n\nUsers should be able to:\n\n- View the optimal layout for the app depending on their device's screen size\n- See hover states for all interactive elements on the page\n- Calculate the correct tip and total cost of the bill per person\n\n## Built with\n\n- Semantic HTML5 markup\n- Mobile-first workflow\n- CSS custom properties\n- CSS Grid\n- JavaScript\n- NPM\n- [Webpack - a module bundler](https://webpack.js.org/)\n\n## What I Learned\n\nThroughout the development of the Tip Calculator app, I deepened my CSS and JavaScript skills. I focused on efficient DOM manipulation, responsive design, event handling and validation. This project allowed me to further refine my front-end development abilities, leveraging my existing expertise in CSS and JavaScript to create a visually appealing and user-friendly app.\n\n## Installation\n\n- Clone this repo:\n\n```sh\ngit clone https://github.com/CodeWithAlamin/Tip-calculator-app.git\n```\n\n- Install dependencies:\n\n```sh\nnpm install\n```\n\n- Build command:\n\n```sh\nnpm run build\n```\n\n- Live server:\n\n```sh\nnpm start\n```\n\n## Author\n\n\u003cb\u003e👤 Alamin\u003c/b\u003e\n\n- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)\n- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)\n- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)\n- Github: [@CodeWithAlamin](https://github.com/CodeWithAlamin)\n\nFeel free to contact me with any questions or feedback!\n\n## Show your support\n\nGive a ⭐️ if you liked this project!\n\n## Acknowledgments\n\nSpecial thanks to Frontend Mentor for providing such an amazing platform to practice and improve my frontend skills.\n\n## License\n\nThis project is licensed under the [MIT](https://github.com/CodeWithAlamin/Tip-calculator-app/blob/main/LICENSE.md) license, which means you can use, modify, and distribute the code as you wish. If you have any questions or feedback, feel free to reach out. Thank you for considering my code!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Ftip-calculator-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithalamin%2Ftip-calculator-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Ftip-calculator-app/lists"}