https://github.com/mylapalliyesebu/counter-app-react
The React Counter App is used to increment, decrement, and reset a displayed number.
https://github.com/mylapalliyesebu/counter-app-react
css gitpages html javascript npm reactjs
Last synced: about 2 months ago
JSON representation
The React Counter App is used to increment, decrement, and reset a displayed number.
- Host: GitHub
- URL: https://github.com/mylapalliyesebu/counter-app-react
- Owner: MylapalliYesebu
- Created: 2025-10-20T09:49:04.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-10-20T10:11:53.000Z (8 months ago)
- Last Synced: 2025-10-20T12:08:02.998Z (8 months ago)
- Topics: css, gitpages, html, javascript, npm, reactjs
- Language: HTML
- Homepage: https://mylapalliyesebu.github.io/counter-app-react/
- Size: 692 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⚛️ Counter App
This is a **mini-project** built as part of the
**[UI Developer Training Program](https://github.com/MylapalliYesebu/UI-Developer-Training-Projects.git)** (Phase 2),
a CSR initiative of **Infosys Foundation** at **Ideal Institute of Technology**
---
## 📋 Description
The **Counter App** is a simple yet effective **ReactJS** application designed to demonstrate core **React concepts** such as **state management**, **component rendering**, and **event handling**.
This 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.
---
## 🛠️ Tech Stack
* **ReactJS** – Component-based front-end framework
* **JavaScript (ES6)** – Application logic
* **CSS** – Styling and layout
* **HTML (JSX)** – UI structure
---
## 🎯 Features
* ✅ Increment the counter value
* ✅ Decrement the counter value
* ✅ Reset the counter to zero
* ✅ Real-time UI updates using React state
* ✅ Clean, responsive design
---
## 🧠 Learning Objectives
This project helped me understand:
* Setting up a React app using `create-react-app`
* Using **useState Hook** for state management
* Handling user events and updating UI dynamically
* Structuring and styling React components
---
## 📸 Screenshot
---
## 🧪 Live Demo
👉 [View the live demo](https://mylapalliyesebu.github.io/counter-app-react/)
---
## 🔗 Related Projects
This project is part of my full **UI Developer Training Project Series**:
👉 [UI Developer Training Projects](https://github.com/MylapalliYesebu/UI-Developer-Training-Projects)
---
## 👤 Author
* **Mylapalli Yesebu**
* [GitHub](https://github.com/MylapalliYesebu)
* [Gmail](mailto:yesebumylapalli08@gmail.com)