https://github.com/nivindulakshitha/react-counter
This React project features a simple counter application enhanced by encapsulating the name and index information into a separate component for better code organization and reusability. The counter allows users to increment and decrement a value, while the name and index details remain displayed on top.
https://github.com/nivindulakshitha/react-counter
css html node-js react
Last synced: 3 months ago
JSON representation
This React project features a simple counter application enhanced by encapsulating the name and index information into a separate component for better code organization and reusability. The counter allows users to increment and decrement a value, while the name and index details remain displayed on top.
- Host: GitHub
- URL: https://github.com/nivindulakshitha/react-counter
- Owner: nivindulakshitha
- Created: 2024-02-22T15:20:01.000Z (over 1 year ago)
- Default Branch: Main
- Last Pushed: 2024-02-22T15:36:20.000Z (over 1 year ago)
- Last Synced: 2025-01-01T18:26:35.048Z (5 months ago)
- Topics: css, html, node-js, react
- Language: JavaScript
- Homepage:
- Size: 178 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Counter Application
This React project features a simple counter application enhanced by encapsulating the name and index information into a separate component for better code organization and reusability. The counter allows users to increment and decrement a value, while the name and index details remain displayed on top.
## Components
- **Counter**: Handles the logic for the counter functionality.
- **NameAndIndex**: Displays the name and index information.
## Usage
To run the application locally:
1. Clone this repository.
2. Navigate to the project directory.
3. Install dependencies with `npm install`.
4. Start the development server with `npm start`.
## Technologies Used
- React
- JavaScript (JSX)
- CSS