Picture Library

This is the code for my picture library app, a responsive web application that allows users to browse, search, and view a collection of pictures using the Unsplash API.

Technologies Used

• Unsplash API
• JavaScript
• React
• Node.js
• Framer Motion for animations

Features

• Responsive Design: Optimized for mobile devices with a clean and modern interface.
• Animated Sections: Smooth transitions and animations using Framer Motion.
• Search Functionality: Search for specific pictures by keyword using the Unsplash API.
• User Profiles: View artist profiles and their collections.
• Favorites: Save your favorite pictures for easy access.
• Download: Download pictures directly to your device.

Project Structure

project-root/
│
├── public/
│   ├── index.html
│   └── ...
│
├── src/
│   ├── components/
│   │   ├── Navbar.js
│   │   ├── Home.js
│   │   └── ...
│   ├── context/
│   │   └── GalleryContext.js
│   ├── pages/
│   │   ├── Home.js
│   │   └── ...
│   ├── App.js
│   ├── index.js
│   └── ...
│
├── package.json
└── README.md

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/picture-library.git

2. Navigate to the project directory:

   cd picture-library

3. Install the dependencies:

   npm install

Usage

1. Start the development server:

   npm start

2. Open your browser and visit http://localhost:3000 to view the app.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License.