{"id":28285047,"url":"https://github.com/vivek92503/loan-calculator-master","last_synced_at":"2025-10-06T04:25:09.017Z","repository":{"id":292184220,"uuid":"978890717","full_name":"Vivek92503/Loan-Calculator-master","owner":"Vivek92503","description":"A responsive React-based loan calculator that computes monthly EMI, total payment, and interest using user input, with real-time updates and data persistence via local storage.","archived":false,"fork":false,"pushed_at":"2025-05-17T13:36:52.000Z","size":249,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-16T07:44:15.467Z","etag":null,"topics":["css3","html5","localstorage-api","node","react","react-hooks","reactjs","scss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/Vivek92503.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,"zenodo":null}},"created_at":"2025-05-06T17:02:14.000Z","updated_at":"2025-05-17T13:36:55.000Z","dependencies_parsed_at":"2025-06-16T07:39:26.169Z","dependency_job_id":"d6b7ce83-82ac-4532-b9c4-fbf3f3063fa6","html_url":"https://github.com/Vivek92503/Loan-Calculator-master","commit_stats":null,"previous_names":["vivek92503/loan-calculator-react-master"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Vivek92503/Loan-Calculator-master","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vivek92503%2FLoan-Calculator-master","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vivek92503%2FLoan-Calculator-master/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vivek92503%2FLoan-Calculator-master/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vivek92503%2FLoan-Calculator-master/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Vivek92503","download_url":"https://codeload.github.com/Vivek92503/Loan-Calculator-master/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vivek92503%2FLoan-Calculator-master/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278557594,"owners_count":26006353,"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","status":"online","status_checked_at":"2025-10-06T02:00:05.630Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["css3","html5","localstorage-api","node","react","react-hooks","reactjs","scss"],"created_at":"2025-05-21T18:16:20.367Z","updated_at":"2025-10-06T04:25:09.002Z","avatar_url":"https://github.com/Vivek92503.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 💸 Loan Calculator\nA responsive React-based loan calculator that computes monthly EMI, total payment, and interest using user input, with real-time updates and data persistence via local storage.\n\n# Table of Contents\n- [Introduction](#introduction)\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Setup Instructions](#setup-instructions)\n- [Available Scripts](#available-scripts)\n- [Deployment](#deployment)\n- [Future Enhancements](#future-enhancements)\n- [Notes](#notes)\n- [License](#license)\n\n# Introduction\nThe Loan Calculator is a web-based application built using React that enables users to easily calculate their monthly loan payments (EMI), total repayment amount, and interest payable. Designed with a clean and responsive interface, this tool helps users make informed financial decisions by providing real-time results based on loan amount, interest rate, and loan tenure inputs. Leveraging React Hooks for state management and SCSS for styling, the app ensures smooth interactivity and modern design. It also utilizes local storage to retain user inputs for convenience. Ideal for personal or educational use, this project showcases core React concepts in a practical scenario.\n\n# Features\n\n- 🔢 Real-time loan and EMI calculation\n- 🎨 Clean, responsive UI styled using SCSS\n- 💾 Saves previous user inputs using LocalStorage\n- ⚛️ React functional components with hooks\n- 🧠 Input validation for reliable calculations\n\n# Technologies Used\n\n- React (via Create React App)\n- React Hooks (`useState`, `useEffect`)\n- SCSS (`node-sass`)\n- LocalStorage API\n- HTML5 / CSS3\n\n# Setup Instructions\n\n1. **Clone or Download** this repository:\n    ```bash\n    git clone https://github.com/your-username/loan-calculator-react.git\n    ```\n\n2. **Navigate to the project directory**:\n    ```bash\n    cd loan-calculator-react\n    ```\n\n3. **Install dependencies**:\n    ```bash\n    npm install\n    ```\n\n4. **Start the development server**:\n    ```bash\n    npm start\n    ```\n\n5. Open your browser at `http://localhost:3000`.\n\n# Available Scripts\n\n| Command         | Description                    |\n| --------------- | ------------------------------ |\n| `npm start`     | Starts the development server  |\n| `npm run build` | Builds the app for production  |\n| `npm test`      | Runs unit tests (if available) |\n\n# Deployment\n\nTo build the project for production:\n\n```bash\nnpm run build\n```\n\nThe optimized static files will be output to the `build` directory, ready to be deployed.\n\n# Future Enhancements\n\n* Add graphs for EMI breakdown\n* Support currency conversion\n* Add user authentication for saved calculations\n\n# Notes\n\n- Make sure Node.js and npm are installed before running this project.\n- This app was bootstrapped using Create React App.\n- Documentation is also included as a `.docx` file in the root directory.\n\n# License\n\nThis project is open-source and available under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvivek92503%2Floan-calculator-master","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvivek92503%2Floan-calculator-master","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvivek92503%2Floan-calculator-master/lists"}