{"id":26826636,"url":"https://github.com/dracudev/budget-app","last_synced_at":"2026-04-07T21:31:07.706Z","repository":{"id":263483978,"uuid":"890343624","full_name":"dracudev/budget-app","owner":"dracudev","description":"React app for web budgeting with dynamic costs and customizable services.","archived":false,"fork":false,"pushed_at":"2025-03-26T19:36:35.000Z","size":171,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-20T09:41:17.611Z","etag":null,"topics":["bootstrap5","eslint","it-academy","javascript","react","reactjs","responsive","styled-components","vite"],"latest_commit_sha":null,"homepage":"https://dracudev-budget.vercel.app/","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/dracudev.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":"2024-11-18T12:11:36.000Z","updated_at":"2025-03-26T19:36:38.000Z","dependencies_parsed_at":"2024-11-18T20:25:36.253Z","dependency_job_id":"c12c7459-9741-43a6-b68a-0a3359d2ba16","html_url":"https://github.com/dracudev/budget-app","commit_stats":null,"previous_names":["dracudev/s6-budgets","dracudev/s6-budgets-app","dracudev/s6-budget-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dracudev/budget-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dracudev%2Fbudget-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dracudev%2Fbudget-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dracudev%2Fbudget-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dracudev%2Fbudget-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dracudev","download_url":"https://codeload.github.com/dracudev/budget-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dracudev%2Fbudget-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31530640,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"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":["bootstrap5","eslint","it-academy","javascript","react","reactjs","responsive","styled-components","vite"],"created_at":"2025-03-30T11:29:02.928Z","updated_at":"2026-04-07T21:31:07.352Z","avatar_url":"https://github.com/dracudev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Budget Calculator App\n\n## 📄 Description\n\nThis project involves building a React application designed to simplify web budgeting. The app enables users to select services, customize their requirements, and calculate the total cost dynamically. Users can create, sort, search, and share multiple budgets, making it a useful tool for freelancers and businesses.\n\n\n### Objectives\n\n- Practice using Bootstrap in React.\n- Strengthen communication between components in React.\n- Build an interactive interface using checkboxes, input fields, and buttons to dynamically calculate a web budget.\n- Enhance React fundamentals such as state management, routing, and component structure.\n- Learn to structure React projects for scalability, maintainability, and testability.\n\n\u003cbr\u003e\n\n## 💻 Technologies Used\n\n- **Vite** for development and building.\n- **React** and **React-DOM** for creating component-based UI.\n- **Bootstrap 5** and **React-Bootstrap** for responsive styling.\n- **React Router DOM** for navigation between views.\n- **Date-fns** for handling date formatting and operations.\n- **React Icons** for icon integration.\n- **Styled Components** for scoped and dynamic styling.\n- **PropTypes** for runtime type checking of props.\n- **Node.js** and npm/yarn for dependency management.\n- **ESLint** for code quality and linting.\n\n\u003cbr\u003e\n\n## 📋 Requirements\n\n- **Node.js 16 or newer**: JavaScript runtime for executing the project.\n- **npm** or **yarn**: Package manager to install dependencies.\n- **A modern web browser**: Required to run the application.\n- **Vite**: Preconfigured as part of the project for development and build processes.\n\n\u003cbr\u003e\n\n## 🛠️ Installation\n\n1. Clone this repository: \n  ```bash\n  git clone https://github.com/dracudev/S6-Budget-App.git\n  ```\n2. Navigate to the project directory: \n  ```bash\n  cd S6-Budget-App\n  ```\n3. Open the project in your text editor and start coding.\n  ```bash\n  code .\n  ```\n\n\u003cbr\u003e\n\n\u003cbr\u003e\n\n## ▶️ Execution\n\n1. Install the dependencies and run the server.\n  ```bash\n  npm install\n  npm run dev\n  ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracudev%2Fbudget-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdracudev%2Fbudget-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracudev%2Fbudget-app/lists"}