PlantPal App

PlantPal is a React-based application that helps users manage the watering and sunlight needs of the plants they care for. The project was developed to demonstrate practical implementations of React’s state management techniques, particularly useReducer and useState. useReducer was used to provide a more scalable and readable structure in scenarios involving multiple state updates. useState was preferred for managing simpler, component-specific states. The UI was designed with Bootstrap, and the layout is fully responsive, ensuring optimal display across all devices. localStorage is used to persist user data, while useEffect manages component lifecycle events. Users can add, remove, and water plants, as well as filter them based on their sunlight requirements. Each plant is displayed as an individual card component, visually styled and optimized for intuitive interaction.