{"id":32368897,"url":"https://github.com/mylapalliyesebu/counter-app-react","last_synced_at":"2026-05-04T09:33:37.914Z","repository":{"id":319827136,"uuid":"1079731425","full_name":"MylapalliYesebu/counter-app-react","owner":"MylapalliYesebu","description":"The React Counter App is used to increment, decrement, and reset a displayed number.","archived":false,"fork":false,"pushed_at":"2025-10-20T10:11:53.000Z","size":709,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-20T12:08:02.998Z","etag":null,"topics":["css","gitpages","html","javascript","npm","reactjs"],"latest_commit_sha":null,"homepage":"https://mylapalliyesebu.github.io/counter-app-react/","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/MylapalliYesebu.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-20T09:49:04.000Z","updated_at":"2025-10-20T10:11:57.000Z","dependencies_parsed_at":"2025-10-20T12:08:12.515Z","dependency_job_id":"fb5cce37-2f61-46b9-b921-85e6302d48f0","html_url":"https://github.com/MylapalliYesebu/counter-app-react","commit_stats":null,"previous_names":["mylapalliyesebu/counter-app-react"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/MylapalliYesebu/counter-app-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MylapalliYesebu%2Fcounter-app-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MylapalliYesebu%2Fcounter-app-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MylapalliYesebu%2Fcounter-app-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MylapalliYesebu%2Fcounter-app-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MylapalliYesebu","download_url":"https://codeload.github.com/MylapalliYesebu/counter-app-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MylapalliYesebu%2Fcounter-app-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280856797,"owners_count":26403189,"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-24T02:00:06.418Z","response_time":73,"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":["css","gitpages","html","javascript","npm","reactjs"],"created_at":"2025-10-24T19:35:55.647Z","updated_at":"2025-10-24T19:35:56.684Z","avatar_url":"https://github.com/MylapalliYesebu.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚛️ Counter App\n\nThis is a **mini-project** built as part of the  \n**[UI Developer Training Program](https://github.com/MylapalliYesebu/UI-Developer-Training-Projects.git)** (Phase 2),  \na CSR initiative of **Infosys Foundation** at **Ideal Institute of Technology**\n\n---\n\n## 📋 Description\n\nThe **Counter App** is a simple yet effective **ReactJS** application designed to demonstrate core **React concepts** such as **state management**, **component rendering**, and **event handling**.\n\nThis app allows users to **increment**, **decrement**, and **reset** a counter value dynamically. It serves as a beginner-friendly project for understanding how **React Hooks (useState)** work and how UI updates reactively respond to state changes.\n\n---\n\n## 🛠️ Tech Stack\n\n* **ReactJS** – Component-based front-end framework\n* **JavaScript (ES6)** – Application logic\n* **CSS** – Styling and layout\n* **HTML (JSX)** – UI structure\n\n---\n\n## 🎯 Features\n\n* ✅ Increment the counter value\n* ✅ Decrement the counter value  \n* ✅ Reset the counter to zero\n* ✅ Real-time UI updates using React state\n* ✅ Clean, responsive design\n\n---\n\n## 🧠 Learning Objectives\n\nThis project helped me understand:\n\n* Setting up a React app using `create-react-app`\n* Using **useState Hook** for state management\n* Handling user events and updating UI dynamically\n* Structuring and styling React components\n\n---\n\n## 📸 Screenshot\n\n![Counter App Screenshot](images/image.png)\n\n---\n\n## 🧪 Live Demo\n\n👉 [View the live demo](https://mylapalliyesebu.github.io/counter-app-react/)\n\n---\n\n## 🔗 Related Projects\n\nThis project is part of my full **UI Developer Training Project Series**:  \n👉 [UI Developer Training Projects](https://github.com/MylapalliYesebu/UI-Developer-Training-Projects)\n\n---\n\n## 👤 Author\n\n* **Mylapalli Yesebu**\n* [GitHub](https://github.com/MylapalliYesebu)\n* [Gmail](mailto:yesebumylapalli08@gmail.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmylapalliyesebu%2Fcounter-app-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmylapalliyesebu%2Fcounter-app-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmylapalliyesebu%2Fcounter-app-react/lists"}