Skip to content

iampiku/unsplash-clone

Repository files navigation

Unsplash Clone

License

An Unsplash clone built using Nuxt.js 3, TypeScript, and Nuxt UI. Allows users to search and download photos from the Unsplash API with pagination for search results. The application supports theme switching between dark and light modes.

Table of Contents

Installation

To get started, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/unsplash-clone.git
  2. Install dependencies:

    cd unsplash-clone
    npm install
  3. Run the development server:

    npm run dev

Usage

To use the Unsplash clone, follow these steps:

  1. Visit the application in your browser at http://localhost:3000.
  2. Perform a search using the search bar.
  3. Browse the search results and click on an image to view/download it.
  4. Enjoy exploring and downloading high-quality photos!

Features

  • Search and download high-resolution photos from Unsplash.
  • Pagination for search results.
  • Built with Nuxt.js 3, TypeScript, and Nuxt UI.

Theme Switching

The application supports both dark and light themes.

To switch between themes:

  1. Find the theme switcher icon in the top-right corner of the application.
  2. Click the icon to toggle between dark and light modes.

Feel free to customize the themes based on your design preferences. The theme settings can typically be found in the nuxt.config.js or a separate configuration file.

Screenshots

Include screenshots of various actions that can be performed in the application.

  • Search Interface: Search Interface

  • Search Results: Search Results

  • Image Preview: Image Preview

Contributing

If you'd like to contribute to this project, follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature).
  3. Commit your changes (git commit -am 'Add some feature').
  4. Push to the branch (git push origin feature/your-feature).
  5. Create a new Pull Request.

License

This project is licensed under the MIT License.

Contact


Feel free to customize the theme switching section based on how it's implemented in your project. If there's a specific configuration or script involved in theme switching, you may want to provide additional details in that section.