AhmedGamal2212 / countersReactApp

An illustrative project showcasing fundamental React concepts. Developed during my initial learning with Mosh Hamedani, this app features dynamic counter operations, demonstrating functional components, state management, Bootstrap integration, and event handling using React Hooks.

Home Page:https://ahmedgamal2212.github.io/countersReactApp/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Basics Showcase

This repository serves as a demonstration of fundamental concepts in React, showcasing the implementation of functional components, state management, conditional rendering, Bootstrap integration, and event handlers.

Technologies Used

  • JSX
  • React.js
  • Bootstrap
  • Functional Components
  • React Hooks

About

This project was created during my initial learning phase with React.js with the great introductory tutorial of Mosh Hamedani. It reflects my exploration of key React concepts and the application of skills acquired during the learning process.

Features

  • Counter Operations: Perform basic counter operations such as adding, deleting, resetting, incrementing, and decrementing counters dynamically on the page.
  • Dynamic State Handling: Experience the dynamic change of states upon user actions, showcasing the power of React Hooks.
  • Total Counter Tracking: The app keeps track of the total number of counters whose values are not zero.
  • Component Modularity: The application is structured into smaller components, demonstrating the importance of modular design in React.

How to Use

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Install dependencies with npm install.
  4. Run the project with npm start.
  5. Explore the code and experiment with different components and features.

Feel free to reach out if you have any questions or suggestions. Happy coding!

About

An illustrative project showcasing fundamental React concepts. Developed during my initial learning with Mosh Hamedani, this app features dynamic counter operations, demonstrating functional components, state management, Bootstrap integration, and event handling using React Hooks.

https://ahmedgamal2212.github.io/countersReactApp/


Languages

Language:JavaScript 72.1%Language:HTML 27.9%