Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

ismailinux/Cowrywise-Frontend-Challenge

Repository files navigation

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

Releases

No releases published

Packages

No packages published

AltStyle によって変換されたページ (->オリジナル) /