roshan-thomas / react-tailwindcss-pixabay-image-gallery

Using Pixabay API, images are obtained from Pixabay and displayed. The app also gives you the feature of searching for images according to different terms. The API returns back various images related to that term. Each photo has detailed information about the user who posted the image, number of views, number of downloads, and likes.

Image Gallery App

For a Live Demo, click Here

About

This Image Gallery App is an example of how to integrate React with Tailwind CSS. Using Pixabay API, images are obtained from Pixabay and displayed. The app also gives you the feature of searching for images according to different terms.

The API returns back various images related to that term. If no term is provided, it gives you a set of random pictures. Each photo has detailed information about the user who posted the image, number of views, number of downloads, and likes.

Technologies Used

• React.js
• Tailwind CSS (For styling)
• Pixabay API

For a Live Demo, click Here

Usage

# Clone this git repo 
git clone https://github.com/Roshan-Thomas/react-tailwindcss-pixabay-image-gallery.git

# Run this command to install all the required dependencies
yarn

# Run this command to run the app locally
yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

---

🌟 If you liked this, pls leave a star.