Unsplash Clone (Cowrywise)

This project is an Unsplash clone built with Nuxt.js. It allows users to search for images and view them in a modal with additional information about the image and its author. The project also includes a loading shimmer effect while images are being fetched and displayed.

Features

• Search for images using the Unsplash API
• Display images in a grid layout
• View image details in a modal
• Loading shimmer effect while images are being fetched

Technologies Used

• Nuxt.js
• Vue.js
• Pinia (state management)
• Axios (for API requests)
• Lodash (utility functions)
• SCSS (for styling)

Installation

1. Clone the repository:

git clone https://github.com/your-username/unsplash-clone-cowrywise.git

cd unsplash-clone-cowrywise

2. Install Dependencies
npm install
# or
yarn install

3.Create a .env file in the root directory and add your Unsplash API key:
VITE_UNSPLASH_ACCESS_KEY=your_unsplash_access_key

Usage
1. Start the development server:
npm run dev
# or
yarn dev

2. Open your browser and navigate to: 
   http://localhost:3000