This ReactJS application demonstrates the basics of working with state, lists, and components.
1. Data Import: An array of objects containing information about people (name, age, and image URL) is used as the initial data source.
2. State Setup: The data is integrated into the component using the useState hook for dynamic management.
3. List Rendering: The List and Person components display the list of people using the map method.
4. Clear Button: Functionality to clear the list by resetting the state has been implemented.
Follow these steps to set up the project on your local machine:
Ensure you have the following installed:
- Clone the repository:
git clone https://github.com/yourusername/birthday-buddy.git
cd birthday-buddy- Install dependencies:
npm install
# or
yarn install
- Start the development server:
npm run dev
# or
yarn dev
- Open the application in your browser:
http://localhost:5173
Contributions are welcome! Please fork this repository and submit a pull request with your improvements.
This project is licensed under the MIT License. See the LICENSE file for details.