Skip to content

XerxesCoder/ariapik

Repository files navigation

Pixabay Stock Image Fetcher

This is an open-source Next.js project bootstrapped with create-next-app. The application allows users to fetch and explore high-quality stock images from the Pixabay API.

Live Demo

Aria Pik

Features

  • Fetch Stock Images: Seamlessly fetch and display stock images from Pixabay.
  • Search and Filter: Search for images by keywords and filter by image type (e.g., photos, illustrations, vectors).
  • Responsive Design: Built with a responsive layout to ensure a great experience on all devices.
  • Open Source: Fully open-source, allowing developers to contribute and customize the project.

Getting Started

Prerequisites

  • Node.js (v18 or later)
  • A Pixabay API key (get it from Pixabay API)

Installation

  1. Clone the repository:
    git clone https://github.com/XerxesCoder/ariapik.git
  2. Navigate to the project directory:
    cd ariapik
  3. Install dependencies:
    npm install
    # or
    yarn install
    # or
    pnpm install
    # or
    bun install
  4. Create a .env.local file in the root directory and add your Pixabay API key:
    NEXT_PUBLIC_PIXABAY_API_KEY=your_pixabay_api_key_here

Running the Development Server

Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 in your browser to see the application in action.

Contributing

We welcome contributions! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bugfix:
    git checkout -b feature/your-feature-name
  3. Commit your changes:
    git commit -m "Add your feature or fix"
  4. Push to the branch:
    git push origin feature/your-feature-name
  5. Open a pull request and describe your changes.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Contact

Happy token creating! If you have any questions or feedback, please feel free to reach out.

License

This project is open-source and available under the MIT License.