# Project Management App  

This is a simple app designed to manage and display information for a pretend project, including details such as:  
- **Employees**: Manage the team associated with the project.  
- **Project Details**: Add and edit key project-related information.  
- **Images**: Search for and select relevant images using the Unsplash Image Search API.  

The app was created as a **homework assignment** for a **Distributed Systems class** and serves as an exercise in web development basics, focusing on **CRUD operations** and API integration.  

---

## Features  

### 📋 Project Information Management  
- Add, edit, and delete project details.  
- Manage employee data such as names and roles.  

### 🖼 Image Integration  
- Search for project-related images using the **Unsplash Image Search API**.  
- Select and attach images to the project for enhanced visualization.  

### 🌐 CRUD Functionality  
- **Create**: Add new projects, employees, or images.  
- **Read**: View existing project details and associated data.  
- **Update**: Modify project details or employee information.  
- **Delete**: Remove unwanted entries from the project.  

---

## Technologies Used  

- **Frontend**:  
  - Plain **HTML**, **CSS**, and **JavaScript** for a simple, foundational user interface.  

- **Backend**:  
  - **Node.js** to handle API requests and data management.  

- **API Integration**:  
  - **Unsplash Image Search API** for fetching and displaying images related to the project.  

---

## How It Works  

1. **Enter Project Details**: Use the interface to create a new project, add employees, and input details.  
2. **Search Images**: Utilize the Unsplash API to search for relevant images.  
3. **Manage Information**: Perform CRUD operations to keep the project information up-to-date.  
4. **Display Project**: View a consolidated page with all project details and associated images.  

---

## Learning Objectives  

- **Web Development Basics**: Practicing frontend and backend development with core technologies.  
- **API Integration**: Using a third-party API (Unsplash) to fetch and display data dynamically.  
- **CRUD Operations**: Creating a functional application with essential Create, Read, Update, and Delete capabilities.  

---

## Development Status  

- **Completed** as part of a Distributed Systems class assignment.  

---

Feel free to explore the app and adapt it for your own projects!