https://github.com/kirollos-rezkallah/counter

🎯 Simple Counter App: A React practice project to master props, state, and components! Features increment, decrement, reset, and dynamic styling. Check it out! 🚀
https://github.com/kirollos-rezkallah/counter

components css javascript jsx props react responsive-design state

Last synced: 5 days ago
JSON representation

🎯 Simple Counter App: A React practice project to master props, state, and components! Features increment, decrement, reset, and dynamic styling. Check it out! 🚀

• Host: GitHub
• URL: https://github.com/kirollos-rezkallah/counter
• Owner: Kirollos-Rezkallah
• Created: 2025-02-07T15:51:57.000Z (7 days ago)
• Default Branch: master
• Last Pushed: 2025-02-07T16:13:20.000Z (7 days ago)
• Last Synced: 2025-02-07T17:22:05.481Z (7 days ago)
• Topics: components, css, javascript, jsx, props, react, responsive-design, state
• Language: CSS
• Homepage: https://kirollos-rezkallah.github.io/counter/
• Size: 405 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Simple Counter App 🎯

A simple and interactive counter app built with **React** to practice fundamental concepts like **props**, **state**, **JSX**, and **components**. This project is part of my React learning journey. 🚀

## Features ✨

- **Increment/Decrement**: Increase or decrease the counter value by a specified step.

- **Reset**: Reset the counter to its initial value.

- **Dynamic Styling**: The counter text changes color based on its value (green for positive, red for negative).

- **Reusable Components**: The `Counter` component is highly reusable and accepts `initialValue` and `step` as props.

## Live Demo 🌐

Check out the live demo of this app here: [Simple Counter App](https://kirollos-rezkallah.github.io/counter/)

## Technologies Used 💻

- **React**: For building the user interface.

- **CSS**: For styling the components.

- **JavaScript**: For logic and interactivity.

## Contact us 💌

Crafted with passion by Kirollos Rezkallah. Explore more projects on [GitHub](https://github.com/Kirollos-Rezkallah) and drop me a message at [[email protected]](mailto:[email protected]) for instant connections and collaborations.