React Counter App

🔗 react-counter-app-taher.vercel.app

A simple and clean counter application built with React. This project demonstrates fundamental React concepts, including component structure, state management with the useState hook, and event handling.

🚀 Features

• Increment: Increase the count by +1 or +5.
• Decrement: Decrease the count by -1 or -5.
• Reset: Instantly set the count back to 0.

📸 Screenshot

Mobile View

Desktop View

🛠️ Technologies Used

• React: For building the user interface.
• JavaScript (ES6+): Core logic of the application.
• CSS3: Custom styling for the component, using CSS variables for theming.
• HTML5: For the basic structure.

⚙️ Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

Make sure you have Node.js and npm installed on your machine.

• You can download them from nodejs.org.

Installation

1. Clone the repository:

   git clone https://github.com/taher-dev/https://github.com/taher-dev/React-counter-app.git

2. Navigate to the project directory:

   cd React-counter-app

3. Install NPM packages:

   npm install

4. Run the application:

   npm start

   The application will open in your default browser at http://localhost:3000.

📂 File Structure

The main logic and styles for this component are contained in two files:

• src/App.jsx: This file contains the React component logic, including state management for the count and the functions for incrementing, decrementing, and resetting.
• src/App.css: This file contains all the styles for the application. It uses CSS variables for easy customization of fonts, colors, and sizes.