🛒 React Shopping List Application

React Shopping List is a beginner-friendly frontend project developed to practice and apply the fundamental concepts of React. It was built as my first React application, focusing on understanding how components, state, and user interactions work together in a real application. The application allows users to create and manage a shopping list by adding new items, updating existing ones, deleting individual items, or clearing the entire list. Each item can be marked as completed, and the app dynamically calculates and displays a summary showing the total number of items and how many have been completed. State management is handled using React’s useState hook, including both local component state and shared state across components. Conditional rendering is used to update the UI based on user actions, while form handling and event management enable smooth interaction. The interface is styled using CSS Flexbox to ensure a clean layout and responsive behavior across different screen sizes. The project is deployed on GitHub Pages, making it easily accessible as a live demo. Overall, this project helped me build a solid foundation in React by practicing component-based architecture, state-driven UI updates, and basic frontend application structure.