https://github.com/rishika105/counter-app

A simple increment-decrement web page using concept of React and Tailwind for styling purpose.
https://github.com/rishika105/counter-app

reactjs tailwind

Last synced: 6 days ago
JSON representation

A simple increment-decrement web page using concept of React and Tailwind for styling purpose.

• Host: GitHub
• URL: https://github.com/rishika105/counter-app
• Owner: rishika105
• Created: 2024-05-11T14:37:50.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-10-21T06:32:55.000Z (18 days ago)
• Last Synced: 2024-10-21T09:06:39.050Z (18 days ago)
• Topics: reactjs, tailwind
• Language: JavaScript
• Homepage: https://counter-app-rishika-2005.netlify.app/
• Size: 279 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Counter App

A basic React application that allows users to increment, decrement, and reset a counter.

## Features

- Increment the counter by clicking the "+" button.

- Decrement the counter by clicking the "-" button.

- Reset the counter to zero by clicking the "reset" button.

## How to Run

1. Clone the repository.

2. Navigate to the project directory.

3. Install dependencies with `npm install`.

4. Start the app with `npm start`.

5. Open `http://localhost:3000` in your browser to see the app.

## Screenshot

![image](https://github.com/user-attachments/assets/c1a4fa1a-5a44-4342-b783-083300922b28)

## Technologies Used

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

- **Tailwind CSS**: For styling.

## How It Works

- The app maintains a `count` state using the `useState` hook.

- Clicking the "+" button increases the count.

- Clicking the "-" button decreases the count.

- Clicking the "reset" button sets the count back to zero.