Task Management App

A simple task management application built with React that allows users to manage tasks and associate them with friends. Users can add friends, create tasks, and mark tasks as completed by selecting a friend.

Features

• Add friends with a name and image.
• Create tasks with descriptions.
• Select a friend to mark a task as completed.
• View completed tasks along with the friend who completed them.

Technologies Used

• React
• React Hooks (useState)
• nanoid (for unique ID generation)
• CSS for styling

Installation

To get started with the project, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/task-management-app.git
   cd task-management-app

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open your browser and navigate to http://localhost:3000 to view the application.

Usage

1. Add Friends:

   • Click on the "Add Friend" button to open the form.
   • Enter the friend's name and image URL, then click "Add" to save.

2. Add Tasks:

   • Click on the "Add Task" button to open the task form.
   • Enter the task description and click "Add" to save.

3. Complete Tasks:

   • Select a task from the list.
   • Choose a friend from the dropdown menu and click "Done" to mark the task as completed.

4. View Completed Tasks:

   • Completed tasks will be displayed at the bottom of the page, showing the task description and the friend who completed it.

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

• Thanks to the React community for their support and resources.
• Special thanks to the creators of the nanoid library for unique ID generation.